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

Componenti React per Bootstrap 5

{"version":3,"sources":["../../src/Stepper/StepperContent.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface StepperContentProps extends HTMLAttributes<HTMLElement> {\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Classi aggiuntive da usare per il componente Badge */\n  className?: string;\n  /** Abilita il tema scuro per il componente StepperContent */\n  dark?: boolean;\n  testId?: string;\n}\n\nconst contentStyleLight = {\n  height: '400px',\n  border: '2px dashed #eee',\n  background: '#fafafa',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  color: '#333'\n};\n\nconst contentStyleDark = {\n  height: '400px',\n  border: '2px dashed #eee',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  color: '#EEE',\n  borderColor: '#aaa',\n  background: '#17324d',\n  opacity: 0.5\n};\n\nexport const StepperContent: FC<StepperContentProps> = ({ tag = 'div', className, dark, ...attributes }) => {\n  const Tag = tag;\n  const classes = classNames('steppers-content', className);\n  return (\n    <Tag\n      {...attributes}\n      className={classes}\n      style={(dark && contentStyleDark) || contentStyleLight}\n      aria-live='polite'\n    />\n  );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,2BAYjBC,EAAoB,CACxB,OAAQ,QACR,OAAQ,kBACR,WAAY,UACZ,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,MAAO,MACT,EAEMC,EAAmB,CACvB,OAAQ,QACR,OAAQ,kBACR,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,MAAO,OACP,YAAa,OACb,WAAY,UACZ,QAAS,EACX,EAEaL,EAA0C,CAAC,CAAE,IAAAM,EAAM,MAAO,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAW,IAAM,CAC1G,IAAMC,EAAMJ,EACNK,KAAU,EAAAC,SAAW,mBAAoBL,CAAS,EACxD,OACE,EAAAM,QAAA,cAACH,EAAA,CACE,GAAGD,EACJ,UAAWE,EACX,MAAQH,GAAQH,GAAqBD,EACrC,YAAU,SACZ,CAEJ","names":["StepperContent_exports","__export","StepperContent","__toCommonJS","import_react","import_classnames","contentStyleLight","contentStyleDark","tag","className","dark","attributes","Tag","classes","classNames","React"]}