"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
var _chunk5KRCPBZRcjs = require('./chunk-5KRCPBZR.cjs');var _chunk3CNSKST2cjs = require('./chunk-3CNSKST2.cjs');var _react = require('react');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var S=_chunk3CNSKST2cjs.a.call(void 0, "EulSkeleton",["circular","rectangular","root","fullWidth"]),p=e=>_chunk5KRCPBZRcjs.e.call(void 0, "EulSkeleton",{root:[e.variant,"root",e.fullWidth&&"fullWidth"]}),r= exports.a =S;var _react3 = require('@emotion/react');var m=_chunk3CNSKST2cjs.m.call(void 0, "span",{shouldForwardProp:e=>!["width","height","colorType"].includes(e.toString())})(({colorType:e=600,height:o,theme:l,width:t})=>_react3.css`
    position: relative;
    display: inline-flex;
    width: ${typeof t=="number"?`${t}px`:t};
    height: ${typeof o=="number"?`${o}px`:o};
    vertical-align: top;
    background-color: ${l.palette.background[e]};
    animation: 1.5s ease-in-out 0.5s infinite normal none running skeleton-animation;

    &.${r.rectangular} {
      border-radius: 4px;
    }

    &.${r.circular} {
      border-radius: 50%;
    }

    &.${r.fullWidth} {
      width: 100%;
    }

    @keyframes skeleton-animation {
      0% {
        opacity: 1;
      }

      50% {
        opacity: 0.4;
      }

      100% {
        opacity: 1;
      }
    }
  `);var _jsxruntime = require('react/jsx-runtime');var s=_react.forwardRef.call(void 0, ({children:e,className:o,colorType:l,fullWidth:t,height:f,variant:u,width:k},c)=>{let d=p({fullWidth:t,variant:u});return _jsxruntime.jsx.call(void 0, m,{className:_clsx2.default.call(void 0, o,d.root),colorType:l,height:f,ref:c,width:k,children:e})});s.defaultProps={variant:"rectangular"};s.displayName="Skeleton";var C=s;exports.a = r; exports.b = C;
