flowbite-react/dist/esm/components/Dropdown/DropdownHeader.mjs.map

Official React components built for Flowbite and Tailwind CSS

{"version":3,"file":"DropdownHeader.mjs","sources":["../../../../src/components/Dropdown/DropdownHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, FC } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type { DeepPartial } from \"../../types\";\nimport { useDropdownContext } from \"./DropdownContext\";\nimport { DropdownDivider } from \"./DropdownDivider\";\n\nexport interface FlowbiteDropdownHeaderTheme {\n  header: string;\n}\n\nexport interface DropdownHeaderProps extends ComponentProps<\"div\"> {\n  theme?: DeepPartial<FlowbiteDropdownHeaderTheme>;\n}\n\nexport const DropdownHeader: FC<DropdownHeaderProps> = ({ children, className, theme: customTheme = {}, ...props }) => {\n  const { theme: rootTheme } = useDropdownContext();\n\n  const theme = customTheme.header ?? rootTheme.floating.header;\n\n  return (\n    <>\n      <div className={twMerge(theme, className)} {...props}>\n        {children}\n      </div>\n      <DropdownDivider />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMY,MAAC,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK;AAC9F,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;AACpD,EAAE,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;AAChE,EAAE,uBAAuB,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE;AACpD,oBAAoB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC5F,oBAAoB,GAAG,CAAC,eAAe,EAAE,EAAE,CAAC;AAC5C,GAAG,EAAE,CAAC,CAAC;AACP;;;;"}