{"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Skeleton.module.css\";\n\nexport interface SkeletonProps {\n    variant?: \"rect\" | \"text\" | \"circle\";\n    width?: number | string;\n    height?: number | string;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/** Loading placeholder block. Use `variant=\"text\"` for inline lines, `circle` for avatars. */\nexport function Skeleton({ variant = \"rect\", width, height, className, style }: SkeletonProps) {\n    return (\n        <span\n            aria-hidden\n            className={cn(\n                styles.skeleton,\n                variant === \"text\" && styles.text,\n                variant === \"circle\" && styles.circle,\n                className,\n            )}\n            style={{ width, height, ...style }}\n        />\n    );\n}\n"],"mappings":"4GAaA,SAAgB,EAAS,CAAE,UAAU,OAAQ,QAAO,SAAQ,YAAW,SAAwB,CAC3F,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,cAAA,GACA,UAAW,EAAA,GACP,EAAA,QAAO,SACP,IAAY,QAAU,EAAA,QAAO,KAC7B,IAAY,UAAY,EAAA,QAAO,OAC/B,CACJ,EACA,MAAO,CAAE,QAAO,SAAQ,GAAG,CAAM,CACpC,CAAA,CAET"}