/**
 * @file Inspector toggle group component for grouped toggle buttons
 */
import * as React from "react";
export type InspectorToggleGroupOption<T extends string = string> = {
    value: T;
    /** Label content - can be text or an icon */
    label: React.ReactNode;
    /** Accessible label for the option (used when label is an icon) */
    "aria-label"?: string;
};
export type InspectorToggleGroupProps<T extends string = string> = {
    /** Available options */
    options: InspectorToggleGroupOption<T>[];
    /** Currently selected values (for multi-select) or single value (for single-select) */
    value: T | T[];
    /** Callback when selection changes */
    onChange: (value: T | T[]) => void;
    /** Whether multiple selections are allowed */
    multiple?: boolean;
    /** Additional CSS class */
    className?: string;
    /** Disable all options */
    disabled?: boolean;
    /** Accessible label for the group */
    "aria-label"?: string;
    /** Visual size variant */
    size?: "default" | "compact";
};
/**
 * A group of toggle buttons that can be used for single or multiple selections.
 * Unlike InspectorButtonGroup which enforces single selection, this component
 * allows for more flexible selection modes while maintaining visual grouping.
 * Does not include external layout - layout should be controlled externally.
 */
export declare function InspectorToggleGroup<T extends string = string>({ options, value, onChange, multiple, className, disabled, "aria-label": ariaLabel, size, }: InspectorToggleGroupProps<T>): React.ReactElement;
export declare namespace InspectorToggleGroup {
    var displayName: string;
}