@lanaco/lnc-react-ui
Version:
React component library
10 lines (8 loc) • 778 B
JavaScript
;const e=require("react/jsx-runtime"),i=require("react"),n=require("./style-17Ie7d9D.cjs"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./breakpoints-CcVm-gVm.cjs"),d=l.styled(n.SkeletonAnimationColumnContainer)`
@media ${c.down("S")} {
flex-direction: column;
& > div {
flex-direction: column;
}
}
`,u=({keyPrefix:t})=>e.jsx(d,{children:[1,2].map(s=>e.jsxs(n.SkeletonContainer,{children:[e.jsx(n.SkeletonRect,{width:"100%",height:"11.25rem"}),e.jsx(n.SkeletonRect,{width:"100%",height:"11.25rem"})]},`${t}-${s}`))}),a=({keyPrefix:t,isLoading:s=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:r})=>e.jsx(i.Suspense,{fallbackComponent:o,children:s===!0?e.jsx(u,{keyPrefix:t}):r});exports.SuspenseBlogCardsSponsored=a;