import { HTMLAttributes } from "react";
import "./styles.css";
type DrawerHeaderProps = HTMLAttributes<HTMLElement> & {
    showCloseButton?: boolean;
};
/**
 * DrawerHeader component - header section for drawer with optional close button
 *
 * @param props - DrawerHeader component properties
 * @param props.showCloseButton - Shows close button in header. Default: true
 *
 * **...Other valid HTML properties for header element**
 *
 * @returns DrawerHeader JSX element
 *
 * @example
 * ```tsx
 * // Basic drawer header with close button
 * <DrawerHeader>
 *   <h2>Menu</h2>
 * </DrawerHeader>
 *
 * // Header without close button
 * <DrawerHeader showCloseButton={false}>
 *   <h2>Settings</h2>
 * </DrawerHeader>
 *
 * // Complete drawer example
 * <DrawerContainer isVisible={isOpen} makeInvisible={() => setIsOpen(false)}>
 *   <DrawerHeader>
 *     <h2>Navigation</h2>
 *     <p>Welcome to our app</p>
 *   </DrawerHeader>
 *
 *   <div className="drawer-content">
 *     <nav>
 *       <a href="/home">Home</a>
 *       <a href="/about">About</a>
 *       <a href="/contact">Contact</a>
 *     </nav>
 *   </div>
 * </DrawerContainer>
 *
 * // Custom styled header
 * <DrawerHeader className="custom-header">
 *   <div className="header-content">
 *     <img src="/logo.png" alt="Logo" />
 *     <h1>My App</h1>
 *   </div>
 * </DrawerHeader>
 * ```
 */
declare function DrawerHeader(props: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
export { DrawerHeader };
//# sourceMappingURL=index.d.ts.map