5 lines
1.6 KiB
JavaScript
5 lines
1.6 KiB
JavaScript
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{c as d}from"./cn-CDN07tui.js";import"./index-BKyvj4H5.js";const l={2:"grid-cols-2",3:"grid-cols-2 md:grid-cols-3",4:"grid-cols-2 md:grid-cols-4"};function n({items:a,columns:r=4,className:t}){return e.jsx("div",{className:d("grid gap-4",l[r],t),children:a.map((s,i)=>e.jsx("div",{className:"bg-card rounded-xl border border-border p-4 shadow-[var(--cp-shadow-1)]",children:e.jsxs("div",{className:"flex items-center gap-3",children:[s.icon&&e.jsx("div",{className:"flex h-9 w-9 items-center justify-center rounded-lg bg-muted/50 text-muted-foreground flex-shrink-0",children:s.icon}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-xs font-medium text-muted-foreground",children:s.label}),e.jsx("div",{className:"font-semibold text-foreground",children:s.value})]})]})},i))})}n.__docgenInfo={description:`DetailStatsGrid - Reusable stats grid for detail pages.
|
|
|
|
Used across detail pages (Orders, Subscriptions) to display key stats
|
|
in a consistent grid layout with individual card styling.`,methods:[],displayName:"DetailStatsGrid",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"StatGridItem"}],raw:"StatGridItem[]"},description:"Array of stat items to display"},columns:{required:!1,tsType:{name:"union",raw:"2 | 3 | 4",elements:[{name:"literal",value:"2"},{name:"literal",value:"3"},{name:"literal",value:"4"}]},description:"Number of columns (default: 4 on md screens)",defaultValue:{value:"4",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Optional additional class names"}}};export{n as D};
|