Function
Frame
({
className,
stackedPanels = false,
...props
}: React.ComponentProps<"div"> & { stackedPanels?: boolean })
Source from the content-addressed store, hash-verified
| 3 | import { cn } from "@/lib/utils"; |
| 4 | |
| 5 | function Frame({ |
| 6 | className, |
| 7 | stackedPanels = false, |
| 8 | ...props |
| 9 | }: React.ComponentProps<"div"> & { stackedPanels?: boolean }) { |
| 10 | return ( |
| 11 | <div |
| 12 | className={cn( |
| 13 | "relative flex flex-col rounded-2xl bg-muted/50 p-1", |
| 14 | stackedPanels |
| 15 | ? "*:has-[+[data-slot=frame-panel]]:rounded-b-none *:has-[+[data-slot=frame-panel]]:before:hidden dark:*:has-[+[data-slot=frame-panel]]:before:block *:[[data-slot=frame-panel]+[data-slot=frame-panel]]:rounded-t-none *:[[data-slot=frame-panel]+[data-slot=frame-panel]]:border-t-0 dark:*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:before:hidden" |
| 16 | : "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", |
| 17 | className, |
| 18 | )} |
| 19 | data-slot="frame" |
| 20 | {...props} |
| 21 | /> |
| 22 | ); |
| 23 | } |
| 24 | |
| 25 | function FramePanel({ className, ...props }: React.ComponentProps<"div">) { |
| 26 | return ( |
Callers
nothing calls this directly
Tested by
no test coverage detected