@start-base/start-ui/Skeleton/index.js

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var t=e(require("react")),l="SUI-Skeleton-module-skeletonAvatar-zIi3E",a="SUI-Skeleton-module-skeletonButton-Fm7OC",o="SUI-Skeleton-module-skeletonLine-qOG3g",n="SUI-Skeleton-module-skeletonTableCell-yqcVR",s="SUI-Skeleton-module-skeletonCardHeader-dqhSd",d="SUI-Skeleton-module-skeletonCardBody-T4AHX",m="SUI-Skeleton-module-skeletonListItem-x2UM2",r="SUI-Skeleton-module-skeletonImage-UGY2t",i="SUI-Skeleton-module-skeletonInput-O0JXr",k="SUI-Skeleton-module-skeletonParagraph-099G1",u="SUI-Skeleton-module-skeletonTable-kHD5b",S="SUI-Skeleton-module-skeletonTableRow-i9Rbz",h="SUI-Skeleton-module-skeletonCard-PEa6Q",c="SUI-Skeleton-module-skeletonList-fO4F0",p=({size:e="50px"})=>t.default.createElement("div",{className:l,style:{width:e,height:e}}),f=({width:e="100px",height:l="40px"})=>t.default.createElement("div",{className:a,style:{width:e,height:l}}),I=({lines:e=3})=>t.default.createElement("div",{className:k},Array.from({length:e}).map((e,l)=>t.default.createElement("div",{key:l,className:o}))),g=({rows:e=5,columns:l=3})=>t.default.createElement("div",{className:u},Array.from({length:e}).map((e,a)=>t.default.createElement("div",{key:a,className:S},Array.from({length:l}).map((e,l)=>t.default.createElement("div",{key:l,className:n}))))),v=({width:e="100%",height:l="200px"})=>t.default.createElement("div",{className:h,style:{width:e,height:l}},t.default.createElement("div",{className:s}),t.default.createElement("div",{className:d})),E=({itemCount:e=5})=>t.default.createElement("div",{className:c},Array.from({length:e}).map((e,l)=>t.default.createElement("div",{key:l,className:m}))),U=({width:e="100%",height:l="200px"})=>t.default.createElement("div",{className:r,style:{width:e,height:l}}),x=({width:e="100%",height:l="40px"})=>t.default.createElement("div",{className:i,style:{width:e,height:l}});exports.SkeletonAvatar=p,exports.SkeletonButton=f,exports.SkeletonCard=v,exports.SkeletonImage=U,exports.SkeletonInput=x,exports.SkeletonList=E,exports.SkeletonParagraph=I,exports.SkeletonTable=g;