pane-demo

1import { Pane } from "@/components/ui/pane";
2 
3export default function PaneDemo() {
4  return (
5    <div className="flex flex-wrap items-center gap-6">
6      <Pane
7        variant="regular"
8        radius={28}
9        className="flex h-28 w-40 items-center justify-center"
10      >
11        <span className="text-sm font-medium">Regular</span>
12      </Pane>
13      <Pane
14        variant="clear"
15        radius={28}
16        className="flex h-28 w-40 items-center justify-center"
17      >
18        <span className="text-sm font-medium">Clear</span>
19      </Pane>
20    </div>
21  );
22}