| 1 | import type { ReactNode } from 'react' |
| 2 | import { workbenchPanelClass } from './styles' |
| 3 | |
| 4 | export function WorkbenchPanelShell({ |
| 5 | title, |
| 6 | children |
| 7 | }: { |
| 8 | title: string |
| 9 | children: ReactNode |
| 10 | }): React.JSX.Element { |
| 11 | return ( |
| 12 | <div className={workbenchPanelClass}> |
| 13 | <div className="relative mx-2 mt-2 overflow-hidden rounded-[0.85rem] border border-[#e1d6c4]/58 bg-[#fffaf1]/68 px-2.5 py-2 shadow-[0_2px_8px_rgba(77,61,43,0.05)]"> |
| 14 | <div className="text-[10px] font-semibold uppercase tracking-[0.1em] text-[#7a875f]/90"> |
| 15 | {title} |
| 16 | </div> |
| 17 | </div> |
| 18 | <div className="flex-1 space-y-2.5 overflow-y-auto px-2 py-2">{children}</div> |
| 19 | </div> |
| 20 | ) |
| 21 | } |
| 22 |