UNPKG

@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.45 kB
{"version":3,"file":"index.cjs","sources":["../../../../src/components/Chip/index.tsx"],"sourcesContent":["// Modules\r\nimport cn from 'classnames';\r\n\r\n// Types\r\nimport type { TChipProps } from './Chip.type';\r\n\r\n// Styles\r\nimport styles from './styles/styles.module.scss';\r\n\r\n// Constants\r\nimport { CHIP_DEFAULT_PROPS } from './Chip.constant';\r\n\r\nconst Chip = (props: TChipProps) => {\r\n const {\r\n children,\r\n className,\r\n color = CHIP_DEFAULT_PROPS.color,\r\n hoverable,\r\n size = CHIP_DEFAULT_PROPS.size,\r\n variant = CHIP_DEFAULT_PROPS.variant,\r\n ...restProps\r\n } = props;\r\n\r\n const chipCN = cn(styles.legion_chip, className, styles[color!], styles[size!], styles[variant!], {\r\n [styles.hoverable]: hoverable\r\n });\r\n\r\n return (\r\n <div className={chipCN} {...restProps}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Chip;\r\n"],"names":["props","children","className","color","CHIP_DEFAULT_PROPS","hoverable","size","variant","restProps","chipCN","cn","styles","legion_chip","_jsx"],"mappings":"2RAYcA,IACZ,MAAMC,SACJA,EAAQC,UACRA,EAASC,MACTA,EAAQC,EAAAA,mBAAmBD,MAAKE,UAChCA,EAASC,KACTA,EAAOF,EAAAA,mBAAmBE,KAAIC,QAC9BA,EAAUH,EAAAA,mBAAmBG,WAC1BC,GACDR,EAEES,EAASC,EAAAA,QAAGC,UAAOC,YAAaV,EAAWS,EAAAA,QAAOR,GAASQ,EAAAA,QAAOL,GAAQK,EAAAA,QAAOJ,GAAW,CAChG,CAACI,EAAAA,QAAON,WAAYA,IAGtB,OACEQ,EAAAA,IAAA,MAAA,CAAKX,UAAWO,KAAYD,EAASP,SAClCA"}