import { HTMLAttributes } from "react";
import * as react_jsx_runtime0 from "react/jsx-runtime";

//#region src/components/Navbar/Burger.d.ts
/**
 * Props for the Burger menu component
 */
interface BurgerProps extends HTMLAttributes<HTMLDivElement> {
  /** Whether the burger menu is in active/open state */
  isActive?: boolean;
}
/**
 * Burger Menu Component
 *
 * An animated hamburger menu icon that transforms between closed and open states.
 * Commonly used in mobile navigation to toggle menu visibility.
 *
 * Features:
 * - Smooth CSS transitions between states (300ms duration)
 * - Accessible with proper ARIA attributes
 * - Screen reader support with descriptive labels
 * - Role-based interaction (switch role for toggle behavior)
 * - Responsive sizing (40px × 40px clickable area)
 * - Classic three-line hamburger design
 *
 * Animation States:
 * - Closed: Three horizontal parallel lines
 * - Open: Top and bottom lines rotate to form an X, middle line fades out
 *
 * Accessibility Features:
 * - `role="switch"` indicates toggle behavior
 * - `aria-expanded` reflects current menu state
 * - `aria-checked` provides current selection state
 * - `aria-controls` links to controlled menu element
 * - Dynamic `aria-label` describes current action
 *
 * @example
 * Basic usage:
 * ```tsx
 * const [isMenuOpen, setIsMenuOpen] = useState(false);
 *
 * <Burger
 *   isActive={isMenuOpen}
 *   onClick={() => setIsMenuOpen(!isMenuOpen)}
 * />
 * ```
 *
 * @example
 * With custom styling:
 * ```tsx
 * <Burger
 *   isActive={isMenuOpen}
 *   onClick={toggleMenu}
 *   className="lg:hidden"
 *   style={{ zIndex: 1000 }}
 * />
 * ```
 *
 * @param props - Burger component props
 * @returns Animated burger menu JSX element
 */
declare const Burger: ({
  isActive,
  className,
  ...props
}: BurgerProps) => react_jsx_runtime0.JSX.Element;
//#endregion
export { Burger };
//# sourceMappingURL=Burger.d.ts.map