import { default as React } from 'react';
import { ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'className'> {
    /**
     * The visual style variant of the toggle button
     * - 'default': Standard gray border with blue highlight when selected
     * - 'primary': Blue background when selected
     * - 'outline': Outlined style with border emphasis
     */
    variant?: 'default' | 'primary' | 'outline';
    /**
     * Additional CSS classes to apply
     */
    className?: string;
    /**
     * Content to display inside the button
     */
    children: React.ReactNode;
}
/**
 * ToggleButton component based on React Aria Components
 *
 * A button that can be toggled between selected and unselected states.
 * Provides built-in accessibility features including proper ARIA attributes,
 * keyboard navigation, and focus management.
 *
 * @example
 * ```tsx
 * <ToggleButton>
 *   Toggle me
 * </ToggleButton>
 *
 * <ToggleButton isSelected variant="primary">
 *   Selected
 * </ToggleButton>
 * ```
 */
export declare const ToggleButton: React.FC<ToggleButtonProps>;
//# sourceMappingURL=ToggleButton.d.ts.map