design-react-kit/dist/Stepper/StepperHeader.cjs.map

Componenti React per Bootstrap 5

{"version":3,"sources":["../../src/Stepper/StepperHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ElementType, FC, HTMLAttributes } from 'react';\n\nexport interface StepperHeaderProps extends HTMLAttributes<HTMLElement> {\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Classi aggiuntive da usare per il componente StepperHeader */\n  className?: string;\n  testId?: string;\n}\n\nexport const StepperHeader: FC<StepperHeaderProps> = ({ tag = 'div', testId, className, children, ...attributes }) => {\n  const Tag = tag;\n  const wrapperClass = classNames('steppers-header', className);\n  // @ts-expect-error not recognize children's props\n  const isMobile = children?.props?.variant === 'mobile';\n\n  return (\n    <Tag {...attributes} className={wrapperClass} data-testid={testId}>\n      {isMobile ? <span>{children}</span> : <ul>{children}</ul>}\n    </Tag>\n  );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,2BACvBC,EAAuD,sBAU1CH,EAAwC,CAAC,CAAE,IAAAI,EAAM,MAAO,OAAAC,EAAQ,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAW,IAAM,CACpH,IAAMC,EAAML,EACNM,KAAe,EAAAC,SAAW,kBAAmBL,CAAS,EAEtDM,EAAWL,GAAU,OAAO,UAAY,SAE9C,OACE,EAAAM,QAAA,cAACJ,EAAA,CAAK,GAAGD,EAAY,UAAWE,EAAc,cAAaL,GACxDO,EAAW,EAAAC,QAAA,cAAC,YAAMN,CAAS,EAAU,EAAAM,QAAA,cAAC,UAAIN,CAAS,CACtD,CAEJ","names":["StepperHeader_exports","__export","StepperHeader","__toCommonJS","import_classnames","import_react","tag","testId","className","children","attributes","Tag","wrapperClass","classNames","isMobile","React"]}