@axeptio/design-system/build/src/Core/Skeleton/index.js

Design System for Axeptio

(()=>{"use strict";var e={n:n=>{var r=n&&n.__esModule?()=>n.default:()=>n;return e.d(r,{a:r}),r},d:(n,r)=>{for(var t in r)e.o(r,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:r[t]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>d});const r=require("react");var t=e.n(r);const o=require("styled-components");var a=e.n(o);function i(e){return"number"==typeof e?"".concat(e,"px"):e}t().createElement;var u=a()("span",{shouldForwardProp:!1}).withConfig({displayName:"Skeleton__StyledSkeleton",componentId:"sc-1866q0l-0"})(["display:inline-block;background-color:rgba(0,0,0,0.11);height:",";width:",";border-radius:",";@media (prefers-reduced-motion:no-preference){animation:2s ease-in-out 0.5s infinite normal none running animation-pulse;@keyframes animation-pulse{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}}"],(function(e){return i(e.height)||".7em"}),(function(e){return i(e.width)||"150px"}),(function(e){return e.round?"50%":"4px"}));const d=function(e){var n=e.width,r=e.height,o=e.round,a=e.className;return t().createElement(u,{width:n,height:r,round:o,className:a})};var l=exports;for(var c in n)l[c]=n[c];n.__esModule&&Object.defineProperty(l,"__esModule",{value:!0})})();