@legion-ui-kit/react-core/dist/cjs/components/Card/Card.cjs.map

<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>

{"version":3,"file":"Card.cjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["// Modules\r\nimport cn from 'classnames';\r\n\r\n// Types\r\nimport type { TCardProps } from './Card.type';\r\n\r\n// Styles\r\nimport styles from './styles.module.scss';\r\n\r\n// Helpers\r\nimport { isString, snakeCase } from '../../helpers';\r\n\r\n// Constants\r\nimport { CARD_DEFAULT_PROPS } from './Card.constant';\r\n\r\nconst Card = (props: TCardProps) => {\r\n  const {\r\n    bordered,\r\n    children,\r\n    className,\r\n    elevation = CARD_DEFAULT_PROPS,\r\n    noPadding,\r\n    ...restProps\r\n  } = props;\r\n  const elevationCN = isString(elevation) ? snakeCase(elevation!) : snakeCase(CARD_DEFAULT_PROPS.elevation);\r\n\r\n  const cardCN = cn(className, styles.legion_card, styles[elevationCN], {\r\n    [styles.bordered]: bordered,\r\n    [styles.no_padding]: noPadding\r\n  });\r\n\r\n  return (\r\n    <div className={cardCN} {...restProps}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nCard.displayName = 'Card';\r\nexport default Card;\r\n"],"names":["Card","props","bordered","children","className","elevation","CARD_DEFAULT_PROPS","noPadding","restProps","elevationCN","isString","snakeCase","cardCN","cn","styles","legion_card","no_padding","_jsx","displayName"],"mappings":"8WAeA,MAAMA,EAAQC,IACZ,MAAMC,SACJA,EAAQC,SACRA,EAAQC,UACRA,EAASC,UACTA,EAAYC,EAAAA,mBAAkBC,UAC9BA,KACGC,GACDP,EACEQ,EAAcC,WAASL,GAAaM,EAAAA,UAAUN,GAAcM,EAAAA,UAAUL,EAAAA,mBAAmBD,WAEzFO,EAASC,EAAAA,QAAGT,EAAWU,EAAAA,QAAOC,YAAaD,EAAAA,QAAOL,GAAc,CACpE,CAACK,EAAAA,QAAOZ,UAAWA,EACnB,CAACY,EAAAA,QAAOE,YAAaT,IAGvB,OACEU,EAAAA,IAAA,MAAA,CAAKb,UAAWQ,KAAYJ,EAASL,SAClCA,KAKPH,EAAKkB,YAAc"}