UNPKG

design-react-kit

Version:

Componenti React per Bootstrap 5

1 lines 1.98 kB
{"version":3,"sources":["../../src/Hero/Hero.tsx"],"sourcesContent":["import classname from 'classnames';\nimport React, { ElementType, FC, HTMLAttributes } from 'react';\n\nexport interface HeroProps extends HTMLAttributes<HTMLElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Indica se il componente Hero deve ridurre l'altezza */\n small?: boolean;\n /** Indica al componente Hero di centrare i contenuti testuali orizzontalmente */\n centered?: boolean;\n /** Da utilizzare per creare un testi in overlay su immagini, al fine di migliorare la leggibilità di testo */\n overlay?: 'dark' | 'primary' | 'filter';\n /** Aggiunge margine negativo in fondo al componente Hero per creare una sovrapposizione con il contenuto seguente. */\n overlap?: boolean;\n testId?: string;\n}\n\nexport const Hero: FC<HeroProps> = ({\n tag: Tag = 'section',\n small,\n centered,\n overlay,\n overlap,\n className,\n testId,\n ...attributes\n}) => {\n const classes = classname('it-hero-wrapper', className, {\n 'it-overlay': overlay,\n ['it-' + overlay]: overlay,\n 'it-hero-small-size': small,\n 'it-text-centered': centered,\n 'it-bottom-overlapping-content': overlap\n });\n return <Tag className={classes} {...attributes} data-testid={testId} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsB,2BACtBC,EAAuD,sBAgB1CH,EAAsB,CAAC,CAClC,IAAKI,EAAM,UACX,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAU,kBAAmBJ,EAAW,CACtD,aAAcF,EACd,CAAC,MAAQA,CAAO,EAAGA,EACnB,qBAAsBF,EACtB,mBAAoBC,EACpB,gCAAiCE,CACnC,CAAC,EACD,OAAO,EAAAM,QAAA,cAACV,EAAA,CAAI,UAAWQ,EAAU,GAAGD,EAAY,cAAaD,EAAQ,CACvE","names":["Hero_exports","__export","Hero","__toCommonJS","import_classnames","import_react","Tag","small","centered","overlay","overlap","className","testId","attributes","classes","classname","React"]}