design-react-kit/dist/ThumbNav/ThumbNavItem.cjs.map

Componenti React per Bootstrap 5

{"version":3,"sources":["../../src/ThumbNav/ThumbNavItem.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface ThumbNavItemProps extends HTMLAttributes<HTMLLIElement> {\n  active?: boolean;\n  targetUrl?: string;\n  imageUrl: string;\n  actionDescription?: string;\n  testId?: string;\n}\n\nexport const ThumbNavItem: FC<ThumbNavItemProps> = ({\n  active = false,\n  targetUrl,\n  imageUrl,\n  actionDescription,\n  testId,\n  ...attributes\n}) => {\n  const classes = classNames({ active: active }, 'ratio', 'ratio-3x2');\n\n  return (\n    <li {...attributes} data-testid={testId}>\n      <a href={targetUrl} className={classes}>\n        <img src={imageUrl} alt={actionDescription} />\n      </a>\n    </li>\n  );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,sBAC1CC,EAAuB,2BAUVH,EAAsC,CAAC,CAClD,OAAAI,EAAS,GACT,UAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAW,CAAE,OAAQP,CAAO,EAAG,QAAS,WAAW,EAEnE,OACE,EAAAQ,QAAA,cAAC,MAAI,GAAGH,EAAY,cAAaD,GAC/B,EAAAI,QAAA,cAAC,KAAE,KAAMP,EAAW,UAAWK,GAC7B,EAAAE,QAAA,cAAC,OAAI,IAAKN,EAAU,IAAKC,EAAmB,CAC9C,CACF,CAEJ","names":["ThumbNavItem_exports","__export","ThumbNavItem","__toCommonJS","import_react","import_classnames","active","targetUrl","imageUrl","actionDescription","testId","attributes","classes","classNames","React"]}