design-react-kit
Version:
Componenti React per Bootstrap 5
1 lines • 1.68 kB
Source Map (JSON)
{"version":3,"sources":["../../src/Toolbar/Toolbar.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { ElementType, FC, HTMLAttributes, createContext } from 'react';\n\nexport const SizeContext = /* @__PURE__ */ createContext<ToolbarProps['size']>(undefined);\n\nexport interface ToolbarProps extends HTMLAttributes<HTMLElement> {\n tag?: ElementType;\n size?: 'large' | 'medium' | 'small';\n testId?: string;\n vertical?: boolean;\n}\n\nexport const Toolbar: FC<ToolbarProps> = ({ tag = 'nav', size, testId, children, vertical, ...attributes }) => {\n const Tag = tag;\n const classes = classnames('toolbar', {\n [`toolbar-${size}`]: size && size !== 'large',\n 'toolbar-vertical': vertical\n });\n return (\n <SizeContext.Provider value={size || 'large'}>\n <Tag className={classes} {...attributes} data-testid={testId}>\n <ul>{children}</ul>\n </Tag>\n </SizeContext.Provider>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAuB,2BACvBC,EAAsE,sBAEzDJ,KAA8B,iBAAoC,MAAS,EAS3EC,EAA4B,CAAC,CAAE,IAAAI,EAAM,MAAO,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAW,IAAM,CAC7G,IAAMC,EAAMN,EACNO,KAAU,EAAAC,SAAW,UAAW,CACpC,CAAC,WAAWP,CAAI,EAAE,EAAGA,GAAQA,IAAS,QACtC,mBAAoBG,CACtB,CAAC,EACD,OACE,EAAAK,QAAA,cAACd,EAAY,SAAZ,CAAqB,MAAOM,GAAQ,SACnC,EAAAQ,QAAA,cAACH,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAAY,cAAaH,GACpD,EAAAO,QAAA,cAAC,UAAIN,CAAS,CAChB,CACF,CAEJ","names":["Toolbar_exports","__export","SizeContext","Toolbar","__toCommonJS","import_classnames","import_react","tag","size","testId","children","vertical","attributes","Tag","classes","classnames","React"]}