Sheet

import {
  Button,
  Sheet,
  SheetContent,
  SheetDescription,
  SheetFooter,
  SheetHeader,
  SheetTitle,
  SheetTrigger,
  Switch,
} from "@froggdesign/enter-ui";

export function Example() {
  return (
    <Sheet>
      <SheetTrigger asChild><Button variant="secondary">Open sheet</Button></SheetTrigger>
      <SheetContent>
        <SheetHeader>
          <SheetTitle>Workspace settings</SheetTitle>
          <SheetDescription>Update preferences without leaving context.</SheetDescription>
        </SheetHeader>
        <Switch aria-label="Enable sync" defaultChecked />
        <SheetFooter><Button>Save</Button></SheetFooter>
      </SheetContent>
    </Sheet>
  );
}