koval-ui/dist/src/lib/Carousel/Dots.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"Dots.cjs","sources":["../../../../src/lib/Carousel/Dots.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport {useMemo} from 'react';\nimport classNames from 'classnames';\n\nimport classes from './Carousel.module.css';\n\nexport const Dots: FC<{amount: number; active: number}> = ({amount, active}) => {\n    const dotsArray = useMemo(() => Array.from(Array(amount)), [amount]);\n    return (\n        <div className={classes.dots}>\n            {dotsArray.map((_, i) => {\n                const isActive = i === active;\n                return (\n                    <div\n                        className={classNames(classes.dot, {[classes.active]: isActive})}\n                        key={i}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["Dots","amount","active","dotsArray","useMemo","jsx","classes","_","i","isActive","classNames"],"mappings":"oNAMaA,EAA6C,CAAC,CAAC,OAAAC,EAAQ,OAAAC,KAAY,CACtE,MAAAC,EAAYC,UAAQ,IAAM,MAAM,KAAK,MAAMH,CAAM,CAAC,EAAG,CAACA,CAAM,CAAC,EAE/D,OAAAI,MAAC,OAAI,UAAWC,EAAAA,QAAQ,KACnB,SAAUH,EAAA,IAAI,CAACI,EAAGC,IAAM,CACrB,MAAMC,EAAWD,IAAMN,EAEnB,OAAAG,EAAA,IAAC,MAAA,CACG,UAAWK,EAAWJ,UAAQ,IAAK,CAAC,CAACA,EAAQ,QAAA,MAAM,EAAGG,CAAS,CAAA,CAAA,EAC1DD,CACT,CAEP,CAAA,EACL,CAER"}