koval-ui/dist/src/lib/Pagination/PageButton.cjs.map

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

{"version":3,"file":"PageButton.cjs","sources":["../../../../src/lib/Pagination/PageButton.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport {useCallback} from 'react';\nimport classNames from 'classnames';\n\nimport classes from './Pagination.module.css';\n\ntype Props = {\n    pageNumber: number;\n    onClick?: (pageNumber: number) => void;\n    isActive: boolean;\n    className?: string;\n};\n\nexport const PageButton: FC<Props> = ({pageNumber, onClick = () => {}, isActive, className}) => {\n    const handleClick = useCallback(() => {\n        onClick(pageNumber);\n    }, [onClick, pageNumber]);\n    return (\n        <button\n            disabled={isActive}\n            className={classNames(classes.pageButton, {[classes.active]: isActive}, className)}\n            onClick={handleClick}>\n            {pageNumber}\n        </button>\n    );\n};\n"],"names":["PageButton","pageNumber","onClick","isActive","className","handleClick","useCallback","jsx","classNames","classes"],"mappings":"sNAaaA,EAAwB,CAAC,CAAC,WAAAC,EAAY,QAAAC,EAAU,IAAM,CAAC,EAAG,SAAAC,EAAU,UAAAC,KAAe,CACtF,MAAAC,EAAcC,EAAAA,YAAY,IAAM,CAClCJ,EAAQD,CAAU,CAAA,EACnB,CAACC,EAASD,CAAU,CAAC,EAEpB,OAAAM,EAAA,IAAC,SAAA,CACG,SAAUJ,EACV,UAAWK,EAAWC,EAAA,QAAQ,WAAY,CAAC,CAACA,EAAAA,QAAQ,MAAM,EAAGN,CAAQ,EAAGC,CAAS,EACjF,QAASC,EACR,SAAAJ,CAAA,CACL,CAER"}