Sheet

import { Button } from "@/components/ui/button";import {Sheet,SheetClose,SheetContent,SheetDescription,SheetFooter,SheetHeader,SheetTitle,SheetTrigger,} from "@/components/ui/sheet";export function SheetDemo() {return (  <Sheet>    <SheetTrigger asChild>      <Button variant="outline">Open</Button>    </SheetTrigger>    <SheetContent>      <SheetHeader>        <SheetTitle>Edit profile</SheetTitle>        <SheetDescription>          Make changes to your profile here. Click save when you&apos;re          done.        </SheetDescription>      </SheetHeader>      <div className="grid gap-4 px-4">        <label className="grid gap-2 font-medium text-sm">          Name          <input            className="h-9 rounded-md border border-input bg-transparent px-3 font-normal"            defaultValue="Pedro Duarte"          />        </label>      </div>      <SheetFooter>        <Button type="submit">Save changes</Button>        <SheetClose asChild>          <Button variant="outline">Close</Button>        </SheetClose>      </SheetFooter>    </SheetContent>  </Sheet>);}