Files
supabase/apps/studio/components/ui/Forms/FormPanel.tsx
T
Ivan Vasilov 436bdb10ae chore: Move the studio app to apps/studio (#18915)
* Move all studio files from /studio to /apps/studio.

* Move studio specific prettier ignores.

* Fix the ui references from studio.

* Fix the css imports.

* Fix all package.json issues.

* Fix the prettier setup for the studio app.

* Add .turbo folder to prettierignore.

* Fix the github workflows.
2023-11-15 12:38:55 +01:00

31 lines
678 B
TypeScript

interface Props {
children: React.ReactNode
header?: React.ReactNode
footer?: React.ReactNode
/**
* Fades the panel and clicks are disabled
*/
disabled?: boolean
}
const FormPanel = ({ children, header, footer }: Props) => (
<div
className="
bg-surface-100
border-default
overflow-hidden
rounded-md border shadow"
>
{header && <div className="border-default border-b px-8 py-4">{header}</div>}
<div className="divide-border flex flex-col gap-0 divide-y">{children}</div>
{footer && (
<>
<div className="border-default border-t"></div>
{footer}
</>
)}
</div>
)
export { FormPanel }