Module 285653

function(e,t,l){l.d(t,{s:()=>d});var a=l(627968);l(64700);var r=l(397927),n=l(219561),s=l(673277),o=l(653793);let i=()=>(0,a.jsx)("div",{style:{background:"rgba(255, 255, 255, 0.6)",height:120,minWidth:120}}),d={name:"Card",id:"card",component:()=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.Text,{variant:"text-lg/semibold",children:"Card wraps its children in a container that has border-radius and elevation on hover."}),(0,a.jsx)(r.Text,{variant:"text-lg/semibold",children:"It will take up the full width of the parent, and the minimum height for its children"}),(0,a.jsxs)(s.A,{children:[(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"red"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"orange"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"yellow"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"green"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"blue"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"violet"},children:(0,a.jsx)(i,{})})})]}),(0,a.jsxs)(s.A,{children:[(0,a.jsx)(r.Text,{variant:"text-md/normal",children:"Cards inside of a horizontal stack with a min-width of 120px"}),(0,a.jsxs)(n.Kp,{direction:"horizontal",children:[(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"red"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"orange"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"yellow"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"green"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"blue"},children:(0,a.jsx)(i,{})})}),(0,a.jsx)(o.A,{children:(0,a.jsx)("div",{style:{background:"violet"},children:(0,a.jsx)(i,{})})})]})]})]}),controls:{}}}