| 32 | } |
| 33 | |
| 34 | function SheetViewport({ |
| 35 | className, |
| 36 | side, |
| 37 | inset = false, |
| 38 | ...props |
| 39 | }: SheetPrimitive.Viewport.Props & { |
| 40 | side?: "right" | "left" | "top" | "bottom"; |
| 41 | inset?: boolean; |
| 42 | }) { |
| 43 | return ( |
| 44 | <SheetPrimitive.Viewport |
| 45 | className={cn( |
| 46 | "fixed inset-0 z-50 grid", |
| 47 | side === "bottom" && "grid grid-rows-[1fr_auto] pt-12", |
| 48 | side === "top" && "grid grid-rows-[auto_1fr] pb-12", |
| 49 | side === "left" && "flex justify-start", |
| 50 | side === "right" && "flex justify-end", |
| 51 | inset && "sm:p-4", |
| 52 | )} |
| 53 | data-slot="sheet-viewport" |
| 54 | {...props} |
| 55 | /> |
| 56 | ); |
| 57 | } |
| 58 | |
| 59 | function SheetPopup({ |
| 60 | className, |