@lanaco/lnc-react-ui
Version:
React component library
12 lines (10 loc) • 1.18 kB
JavaScript
;const e=require("react/jsx-runtime"),a=require("react"),n=require("./style-17Ie7d9D.cjs"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),o=l.styled(n.SkeletonAnimationContainer)`
&.skeleton__tags {
max-width: 50rem;
}
@media ${d.down("S")} {
&.skeleton__tags {
overflow-x: hidden;
}
}
`,c=({keyPrefix:s})=>e.jsx(o,{className:"skeleton__cards",children:[1,2,3].map(t=>e.jsx(n.SkeletonRect,{width:"100%",height:"13.75rem"},`${s}-${t}`))}),u=({keyPrefix:s,isLoading:t=!1,fallbackComponent:r=e.jsx(e.Fragment,{}),children:i})=>e.jsx(a.Suspense,{fallbackComponent:r,children:t===!0?e.jsx(c,{keyPrefix:s}):i}),h=({keyPrefix:s})=>e.jsx(o,{className:"skeleton__tags",children:[1,2,3,4,5].map(t=>e.jsx(n.SkeletonColumnContainer,{alignItems:"center",gap:"0.5rem",children:e.jsx(n.SkeletonRect,{height:"1.5rem",width:"8rem"})},`${s}-${t}`))}),m=({keyPrefix:s,isLoading:t=!1,fallbackComponent:r=e.jsx(e.Fragment,{}),children:i})=>e.jsx(a.Suspense,{fallbackComponent:r,children:t===!0?e.jsx(h,{keyPrefix:s}):i});exports.SuspenseFieldOfInterestsWithTagsCard=u;exports.SuspenseFieldOfInterestsWithTagsTag=m;