import type { ResourceListScope } from "../search";
/** Props for {@link ScopeToggle}. */
export interface ScopeToggleProps {
    /** The currently selected scope. */
    readonly value: ResourceListScope;
    /** Called when the user selects a different scope. */
    readonly onChange: (scope: ResourceListScope) => void;
    /** Disables all interaction. */
    readonly disabled?: boolean;
    /** Additional CSS classes applied to the root element. */
    readonly className?: string;
}
/**
 * Segmented control for toggling resource scope between "Org"
 * (only the current organization's resources) and "All"
 * (including public and platform resources).
 *
 * Designed for use in Library list headers alongside a search input.
 * The component is controlled — the consumer owns the `value` state
 * and handles persistence (e.g., localStorage).
 *
 * Implements the WAI-ARIA Radio Group pattern with roving tabindex
 * for keyboard navigation: Arrow Left/Right moves focus and selects,
 * Tab enters/exits the group.
 *
 * All visual properties flow through `--stgm-*` tokens.
 *
 * @example
 * ```tsx
 * const [scope, setScope] = useState<ResourceListScope>("org");
 *
 * <ScopeToggle value={scope} onChange={setScope} />
 * ```
 *
 * @see {@link ResourceListScope} for the type used by data hooks
 * @see {@link useAgentList}, {@link useSkillList}, {@link useMcpServerList}
 */
export declare function ScopeToggle({ value, onChange, disabled, className, }: ScopeToggleProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ScopeToggle.d.ts.map