{"version":3,"file":"Skeleton.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Skeleton.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAgBnD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;GAUG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { BorderRadius } from './utils';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Skeleton} component.\n *\n * @param width - Width of the Skeleton.\n * @param width - Height of the Skeleton.\n * @param borderRadius - Border radius of the Skeleton.\n * @category Component Props\n */\nexport type SkeletonProps = {\n  width?: number | string | undefined;\n  height?: number | string | undefined;\n  borderRadius?: BorderRadius | undefined;\n};\n\nconst TYPE = 'Skeleton';\n\n/**\n * A Skeleton component, which is used to display skeleton of loading content.\n *\n * @param props - The props of the component.\n * @param props.width - Width of the Skeleton.\n * @param props.width - Height of the Skeleton.\n * @param props.borderRadius - Border radius of the Skeleton.\n * @example\n * <Skeleton height={32} width=\"50%\" />\n * @category Components\n */\nexport const Skeleton = createSnapComponent<SkeletonProps, typeof TYPE>(TYPE);\n\n/**\n * A Skeleton element.\n *\n * @see {@link Skeleton}\n * @category Elements\n */\nexport type SkeletonElement = ReturnType<typeof Skeleton>;\n"]}