var Component=(()=>{var f=Object.create;var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports),_=(i,e)=>{for(var n in e)c(i,n,{get:e[n],enumerable:!0})},h=(i,e,n,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of g(e))!b.call(i,t)&&t!==n&&c(i,t,{get:()=>e[t],enumerable:!(d=x(e,t))||d.enumerable});return i};var F=(i,e,n)=>(n=i!=null?f(T(i)):{},h(e||!i||!i.__esModule?c(n,"default",{value:i,enumerable:!0}):n,i)),G=i=>h(c({},"__esModule",{value:!0}),i);var u=y((k,p)=>{p.exports=_jsx_runtime});var j={};_(j,{default:()=>m,frontmatter:()=>M});var r=F(u());var{useMDXComponents:a}=MdxJsReact;var M={title:"Card Groups",description:"Show cards side by side in a grid format"};function C(i){let e={code:"code",h2:"h2",p:"p",...a(),...i.components},{Card:n,CardGroup:d,CodeBlock:t,ParamField:s,TabGroup:l}=e;return n||o("Card",!0),d||o("CardGroup",!0),t||o("CodeBlock",!0),s||o("ParamField",!0),l||o("TabGroup",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(e.p,{children:["The ",(0,r.jsx)(e.code,{children:"CardGroup"})," component lets you organize multiple ",(0,r.jsx)(e.code,{children:"Card"})," components in a responsive grid layout."]}),` `,(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),` `,(0,r.jsx)(s,{path:"cols",type:"number",required:!1,default:"2",children:(0,r.jsx)(e.p,{children:"The number of columns to display in the grid"})}),` `,(0,r.jsx)("br",{}),` `,(0,r.jsx)(l,{tabs:[{title:"Example",id:"example",children:(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(d,{cols:2,children:[(0,r.jsx)(n,{title:"First Card",icon:"circle-1",children:(0,r.jsx)(e.p,{children:"This is the first card."})}),(0,r.jsx)(n,{title:"Second Card",icon:"circle-2",children:(0,r.jsx)(e.p,{children:"This is the second card."})}),(0,r.jsx)(n,{title:"Third Card",icon:"circle-3",children:(0,r.jsx)(e.p,{children:"This is the third card."})}),(0,r.jsx)(n,{title:"Fourth Card",icon:"circle-4",children:(0,r.jsx)(e.p,{children:"This is the fourth and final card."})})]})})},{title:"Markdown",id:"markdown",children:(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(t,{code:` This is the first card. This is the second card. This is the third card. This is the fourth and final card. `,language:"jsx",highlightLines:[],highlightStyle:"highlight",maxLines:20,wordWrap:!1})})}]})]})}function m(i={}){let{wrapper:e}={...a(),...i.components};return e?(0,r.jsx)(e,{...i,children:(0,r.jsx)(C,{...i})}):C(i)}function o(i,e){throw new Error("Expected "+(e?"component":"object")+" `"+i+"` to be defined: you likely forgot to import, pass, or provide it.")}return G(j);})(); ;return Component;