{"version":3,"file":"DrawerHeader.cjs","sources":["../../../../src/components/Drawer/DrawerHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, FC } from \"react\";\nimport { useId } from \"react\";\nimport { MdClose, MdHome } from \"react-icons/md\";\nimport { mergeDeep } from \"../../helpers/merge-deep\";\nimport type { DeepPartial } from \"../../types\";\nimport type { FlowbiteBoolean } from \"../Flowbite\";\nimport { useDrawerContext } from \"./DrawerContext\";\n\nexport interface FlowbiteDrawerHeaderTheme {\n  inner: {\n    titleIcon: string;\n    titleText: string;\n    closeButton: string;\n    closeIcon: string;\n  };\n  collapsed: FlowbiteBoolean;\n}\n\nexport interface DrawerHeaderProps extends ComponentProps<\"div\">, Record<string, unknown> {\n  closeIcon?: FC<ComponentProps<\"svg\">>;\n  theme?: DeepPartial<FlowbiteDrawerHeaderTheme>;\n  title?: string;\n  titleIcon?: FC<ComponentProps<\"svg\">>;\n}\n\nexport const DrawerHeader: FC<DrawerHeaderProps> = ({\n  children,\n  className,\n  closeIcon: CloseIcon = MdClose,\n  theme: customTheme = {},\n  title,\n  titleIcon: TitleIcon = MdHome,\n  ...props\n}) => {\n  const id = useId();\n\n  const { id: mainDivId, isOpen, onClose, theme: rootTheme } = useDrawerContext();\n\n  const theme = mergeDeep(rootTheme.header, customTheme);\n\n  return (\n    <div className={className} {...props}>\n      <h5 className={theme.inner.titleText} id={mainDivId}>\n        <TitleIcon aria-hidden className={theme.inner.titleIcon} />\n        {title}\n      </h5>\n      <button onClick={onClose} data-testid=\"close-drawer\" className={theme.inner.closeButton}>\n        <CloseIcon aria-hidden className={theme.inner.closeIcon} />\n        <span className=\"sr-only\">Close menu</span>\n      </button>\n      <span className={theme.collapsed[isOpen ? \"on\" : \"off\"]} id={`flowbite-drawer-header-${id}`}>\n        {children}\n      </span>\n    </div>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n"],"names":["MdClose","MdHome","useId","useDrawerContext","mergeDeep","jsxs","jsx"],"mappings":";;;;;;;;AAOY,MAAC,YAAY,GAAG,CAAC;AAC7B,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,SAAS,EAAE,SAAS,GAAGA,UAAO;AAChC,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE;AACzB,EAAE,KAAK;AACP,EAAE,SAAS,EAAE,SAAS,GAAGC,SAAM;AAC/B,EAAE,GAAG,KAAK;AACV,CAAC,KAAK;AACN,EAAE,MAAM,EAAE,GAAGC,WAAK,EAAE,CAAC;AACrB,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAGC,8BAAgB,EAAE,CAAC;AAClF,EAAE,MAAM,KAAK,GAAGC,mBAAS,CAAC,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AACzD,EAAE,uBAAuBC,eAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE;AACtE,oBAAoBA,eAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;AAC5F,sBAAsBC,cAAG,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;AAC/F,MAAM,KAAK;AACX,KAAK,EAAE,CAAC;AACR,oBAAoBD,eAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,EAAE;AACpI,sBAAsBC,cAAG,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;AAC/F,sBAAsBA,cAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AACnF,KAAK,EAAE,CAAC;AACR,oBAAoBA,cAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;AACpI,GAAG,EAAE,CAAC,CAAC;AACP,EAAE;AACF,YAAY,CAAC,WAAW,GAAG,eAAe;;;;"}