{"version":3,"file":"SkeletonCheckboxGroup.cjs","sources":["../../../../../src/components/loader/skeletons/SkeletonCheckboxGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { SkeletonCheckboxGroupProps } from \"../types.js\";\nimport { SkeletonElement } from \"./SkeletonElement.js\";\nimport { SkeletonLabel } from \"./SkeletonLabel.js\";\n\nexport const SkeletonCheckboxGroup = ({\n    className,\n    checkboxes,\n    labelProps,\n    inputProps,\n    ...rest\n}: SkeletonCheckboxGroupProps) => {\n    return (\n        <div className={clsx(\"jkl-skeleton-input\", className)} {...rest}>\n            <SkeletonLabel {...labelProps} />\n            {Array.from(Array(checkboxes)).map((_, index) => (\n                <div\n                    key={`jkl-skeleton-checkbox-${index}`}\n                    className=\"jkl-skeleton-input__checkbox\"\n                >\n                    <SkeletonElement\n                        width=\"var(--jkl-unit-30)\"\n                        height=\"var(--jkl-unit-30)\"\n                    />\n                    <SkeletonElement\n                        width=\"var(--jkl-unit-210)\"\n                        height=\"var(--jkl-unit-30)\"\n                        {...inputProps}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["className","checkboxes","labelProps","inputProps","rest","jsxs","clsx","children","jsx","SkeletonLabel","Array","from","map","_","index","SkeletonElement","width","height"],"mappings":"yRAMqC,EACjCA,UAAAA,EACAC,WAAAA,EACAC,WAAAA,EACAC,WAAAA,KACGC,KAGCC,EAAAA,KAAC,OAAIL,UAAWM,EAAAA,KAAK,qBAAsBN,MAAgBI,EACvDG,SAAA,CAAAC,EAAAA,IAACC,EAAAA,cAAA,IAAkBP,IAClBQ,MAAMC,KAAKD,MAAMT,IAAaW,IAAI,CAACC,EAAGC,IACnCT,EAAAA,KAAC,MAAA,CAEGL,UAAU,+BAEVO,SAAA,CAAAC,EAAAA,IAACO,EAAAA,gBAAA,CACGC,MAAM,qBACNC,OAAO,uBAEXT,EAAAA,IAACO,EAAAA,gBAAA,CACGC,MAAM,sBACNC,OAAO,wBACHd,MAVH,yBAAyBW"}