Files
certimate/ui/src/components/workflow/Panel.tsx
2024-11-05 21:00:53 +08:00

24 lines
636 B
TypeScript

// components/AddNodePanel.tsx
import { Sheet, SheetContent, SheetTitle } from "../ui/sheet";
type AddNodePanelProps = {
open: boolean;
onOpenChange: (open: boolean) => void;
children: React.ReactNode;
name: string;
};
const Panel = ({ open, onOpenChange, children, name }: AddNodePanelProps) => {
return (
<Sheet open={open} onOpenChange={onOpenChange}>
<SheetContent className="sm:max-w-[640px] p-0">
<SheetTitle className="bg-primary p-4 text-white">{name}</SheetTitle>
<div className="p-10 flex-col space-y-5">{children}</div>
</SheetContent>
</Sheet>
);
};
export default Panel;