Module 214033

function(e,t,l){l.d(t,{t:()=>c});var a=l(627968);l(64700);var r=l(397927),n=l(206845),s=l(604238),o=l(261225),i=l(282203),d=l(985018);let c={name:"SkuList",id:"skulist",component:e=>{let{skuIds:t,sortPurchased:l,eagerLoad:c,showSkeleton:u}=e,x=(0,s.e)();return(0,a.jsxs)("div",{children:[(0,a.jsx)(r.Heading,{variant:"heading-lg/bold",children:"The SkuList component takes a list of skus and maps them into a block"}),(0,a.jsx)(r.Text,{variant:"text-md/semibold",children:"Here, we have a list of 3 skuIds and we map over them, pushing them into ShopProductCards"}),(0,a.jsx)(r.Text,{variant:"text-md/semibold",children:"This will be useful when wanting to get a dynamic list of sku ids from the server (like popular picks) and push them into a product grid"}),(0,a.jsx)("br",{}),(0,a.jsx)(o.A,{columns:3,children:(0,a.jsx)(i.A,{skuIds:t?.split(","),skuBlock:"ShopProductCard",sortPurchased:l,eagerLoad:c,showSkeleton:u,componentMap:x})}),(0,a.jsx)("hr",{}),(0,a.jsx)(r.Text,{variant:"text-md/bold",children:"Sample Skus:"}),(0,a.jsxs)(r.BJc,{direction:"horizontal",children:[(0,a.jsx)(r.Text,{variant:"text-sm/bold",children:"Avatar Decoration"}),(0,a.jsx)(n.A,{text:d.intl.string(d.t.OpuAlK),delay:0,"aria-label":!1,copyValue:"1458472704192811088",children:e=>(0,a.jsx)(r.DUT,{...e,style:{cursor:"pointer"},children:(0,a.jsx)(r.Text,{variant:"text-sm/normal",children:"1458472704192811088"})})})]}),(0,a.jsxs)(r.BJc,{direction:"horizontal",children:[(0,a.jsx)(r.Text,{variant:"text-sm/bold",children:"Profile Effect"}),(0,a.jsx)(n.A,{text:d.intl.string(d.t.OpuAlK),delay:0,"aria-label":!1,copyValue:"1458479739110166560",children:e=>(0,a.jsx)(r.DUT,{...e,style:{cursor:"pointer"},children:(0,a.jsx)(r.Text,{variant:"text-sm/normal",children:"1458479739110166560"})})})]}),(0,a.jsxs)(r.BJc,{direction:"horizontal",children:[(0,a.jsx)(r.Text,{variant:"text-sm/bold",children:"Nameplate"}),(0,a.jsx)(n.A,{text:d.intl.string(d.t.OpuAlK),delay:0,"aria-label":!1,copyValue:"1458472704524156959",children:e=>(0,a.jsx)(r.DUT,{...e,style:{cursor:"pointer"},children:(0,a.jsx)(r.Text,{variant:"text-sm/normal",children:"1458472704524156959"})})})]})]})},controls:{skuIds:{label:"SKU Ids",type:"text",defaultValue:"1458472704192811088,1458479739110166560,1458472704524156959"},sortPurchased:{label:"Sort Purchased to Back",type:"boolean",defaultValue:!1},eagerLoad:{label:"Eager Load",type:"boolean",defaultValue:!1},showSkeleton:{label:"Show Skeleton",type:"boolean",defaultValue:!1}}}}