Workspace panel

"use client";

import { useState } from "react";
import { WorkspacePanel } from "@/components/ui/workspace-panel";

export default function Example() {
  const [open, setOpen] = useState(true);
  return (
    <WorkspacePanel open={open} onClose={() => setOpen(false)} label="Task" slot="task" detail={<p className="p-5">Detail</p>}>
      <ul><li><button type="button" onClick={() => setOpen(true)}>Open the detail</button></li></ul>
    </WorkspacePanel>
  );
}