import * as React from 'react';

type SideNavButtonIcon = 'side-menu' | 'home' | 'favourite' | 'calendar' | 'notifications' | 'emergency-alert' | 'help';
interface SideNavButtonProps {
    /**
     * The icon to display
     */
    icon: SideNavButtonIcon;
    /**
     * Whether the button is selected/active
     */
    selected?: boolean;
    /**
     * Whether the button is focused (shows green ring)
     */
    focused?: boolean;
    /**
     * Click handler
     */
    onClick?: () => void;
    /**
     * Accessible label for the button
     */
    'aria-label'?: string;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
}
/**
 * SideNavButton component - Arbor Design System
 *
 * A circular navigation button used in the side navigation bar.
 * Supports different icons and states (default, hover, active, selected, focused).
 */
declare const SideNavButton: React.ForwardRefExoticComponent<SideNavButtonProps & React.RefAttributes<HTMLButtonElement>>;

export { SideNavButton, type SideNavButtonIcon, type SideNavButtonProps };