{"version":3,"file":"SkeletonInput.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonInputProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonInput = ({\n    className,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonInputProps) => {\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel {...labelProps} />\n            <SkeletonElement\n                width=\"var(--jkl-unit-210)\"\n                height=\"var(--jkl-unit-40)\"\n                {...inputProps}\n            />\n        </div>\n    );\n};\n"],"names":["className","labelProps","inputProps","rest","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"iRAM6B,EACzBA,UAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,KAGCC,EAAAA,KAAC,OAAIJ,UAAWK,EAAAA,KAAK,qBAAsBL,MAAgBG,EACvDG,SAAA,CAAAC,EAAAA,IAACC,EAAAA,cAAA,IAAkBP,IACnBM,EAAAA,IAACE,EAAAA,gBAAA,CACGC,MAAM,sBACNC,OAAO,wBACHT"}