import * as React from 'react';
import { SideNavButtonIcon } from './SideNavButton.mjs';

type SideNavBarIcon = Exclude<SideNavButtonIcon, 'home'>;
interface SideNavBarProps {
    /**
     * Whether the navigation panel is open (showing title and children)
     * @default false
     */
    isOpen?: boolean;
    /**
     * Title displayed in the header when open (e.g., "Attendance")
     */
    title?: string;
    /**
     * Navigation items to display when open (typically SideNavItem components)
     */
    children?: React.ReactNode;
    /**
     * The currently selected/active icon (if any)
     */
    selectedIcon?: SideNavBarIcon;
    /**
     * Click handler for icon buttons - receives the icon type that was clicked
     */
    onIconClick?: (icon: SideNavBarIcon) => void;
    /**
     * Custom className for the container
     */
    className?: string;
    /**
     * Custom style for the container
     */
    style?: React.CSSProperties;
}
/**
 * SideNavBar component - Arbor Design System
 *
 * A vertical side navigation bar with fixed icon layout.
 * Icons are grouped with dividers:
 * - Top: Side menu
 * - Middle: Favourite, Notifications, Calendar
 * - Lower: Emergency alert
 * - Bottom (pushed down): Help
 *
 * When open, displays a content panel with a title header and navigation items.
 */
declare const SideNavBar: React.FC<SideNavBarProps>;

export { SideNavBar, type SideNavBarIcon, type SideNavBarProps };