@legion-ui-kit/react-core
Version:
<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>
1 lines • 1.5 kB
Source Map (JSON)
{"version":3,"file":"PaginationButton.cjs","sources":["../../../../src/components/Pagination/PaginationButton.tsx"],"sourcesContent":["// Modules\r\nimport cn from 'classnames';\r\n\r\n// Types\r\nimport type { TPaginationButtonProps } from './Pagination.type';\r\n\r\n// Styles\r\nimport styles from './styles.module.scss';\r\n\r\n// Constants\r\nimport { PAGINATION_BUTTON_DEFAULT_PROPS } from './Pagination.constant';\r\n\r\nexport const PaginationButton = (props: TPaginationButtonProps) => {\r\n\tconst {\r\n\t\tactive,\r\n\t\tclassName,\r\n\t\tdisabled,\r\n\t\tlabel = PAGINATION_BUTTON_DEFAULT_PROPS.label,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst paginationButtonCN = cn(styles.legion_pagination_button, className, {\r\n\t\t[styles.active]: active,\r\n\t\t[styles.disabled]: disabled,\r\n\t});\r\n\r\n\treturn (\r\n\t\t<button className={paginationButtonCN} disabled={disabled} {...restProps}>\r\n\t\t\t{label}\r\n\t\t</button>\r\n\t);\r\n}\r\n\r\nexport default PaginationButton;\r\n"],"names":["PaginationButton","props","active","className","disabled","label","PAGINATION_BUTTON_DEFAULT_PROPS","restProps","paginationButtonCN","cn","styles","legion_pagination_button","_jsx","children"],"mappings":"0QAYO,MAAMA,EAAoBC,IAChC,MAAMC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,MACRA,EAAQC,EAAAA,gCAAgCD,SACrCE,GACAN,EAEEO,EAAqBC,EAAAA,QAAGC,UAAOC,yBAA0BR,EAAW,CACzE,CAACO,EAAAA,QAAOR,QAASA,EACjB,CAACQ,EAAAA,QAAON,UAAWA,IAGpB,OACCQ,MAAA,SAAA,CAAQT,UAAWK,EAAoBJ,SAAUA,KAAcG,EAASM,SACtER"}