{"version":3,"file":"SkeletonTextArea.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonTextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonTextAreaProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonTextArea = ({\n    className,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonTextAreaProps) => {\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel {...labelProps} />\n            <SkeletonElement\n                width=\"calc(var(--jkl-unit-210) * 1.88)\"\n                height=\"var(--jkl-unit-210)\"\n                {...inputProps}\n            />\n        </div>\n    );\n};\n"],"names":["className","labelProps","inputProps","rest","jsxs","clsx","children","jsx","SkeletonLabel","SkeletonElement","width","height"],"mappings":"oRAMgC,EAC5BA,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,mCACNC,OAAO,yBACHT"}