Sheet

import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '@otfdashkit/ui'
import { Button } from '@otfdashkit/ui'

export function Example() {
  return (
    <Sheet>
      <SheetTrigger asChild>
        <Button variant="outline">Open Sheet</Button>
      </SheetTrigger>
      <SheetContent>
        <SheetHeader>
          <SheetTitle>Sheet Title</SheetTitle>
          <SheetDescription>This is a sheet panel sliding from the right.</SheetDescription>
        </SheetHeader>
        <div className="py-4 text-foreground">Sheet body content goes here.</div>
      </SheetContent>
    </Sheet>
  )
}