import React from 'react';
type ViewMode = 'grid' | 'table';
interface ViewToggleProps {
    /**
     * Current selected view mode
     */
    value: ViewMode;
    /**
     * Callback fired when view mode changes
     */
    onValueChange: (value: ViewMode) => void;
    /**
     * Whether the toggle is disabled
     */
    disabled?: boolean;
    /**
     * Additional CSS classes for the toggle group
     */
    className?: string;
    /**
     * Size of the toggle buttons
     */
    size?: 'default' | 'sm' | 'lg';
    /**
     * Custom ARIA label for accessibility
     */
    'aria-label'?: string;
}
/**
 * ViewToggle - A 2-state button component for switching between grid and table views
 *
 * Built on top of Radix UI ToggleGroup for accessibility and proper keyboard navigation.
 * Uses ODS design tokens for consistent theming across platforms.
 *
 * @example
 * ```tsx
 * const [viewMode, setViewMode] = useState<'grid' | 'table'>('table')
 *
 * <ViewToggle
 *   value={viewMode}
 *   onValueChange={setViewMode}
 *   className="bg-ods-card border border-ods-border"
 * />
 * ```
 */
export declare function ViewToggle({ value, onValueChange, disabled, className, size, 'aria-label': ariaLabel, }: ViewToggleProps): React.JSX.Element;
export type { ViewMode, ViewToggleProps };
//# sourceMappingURL=view-toggle.d.ts.map