import "./switch_row.css";
import type * as React from "react";
import type { SwitchRootProps } from "@base-ui/react/switch";
import { type SwitchProps } from "./switch";
import { type IconName } from "./icon";
import { type StyleProps } from "./style_props";
export interface SwitchRowProps extends StyleProps, Pick<SwitchProps, "value" | "onChange" | "disabled" | "testID"> {
    icon?: IconName;
    /**
     * Anything to draw in the leading slot instead of an `Icon` — a product logo
     * a row names, which the caller owns because the kit does not ship other
     * companies' artwork. `icon` wins if both are passed.
     */
    leading?: React.ReactNode;
    title: string;
    tooltip?: string;
    ref?: React.Ref<HTMLElement>;
    render?: SwitchRootProps["render"];
}
/**
 * A labelled on/off BUTTON — the whole row is the control, so it announces as
 * one `switch` with its title as the name and the `Switch` at its right is a
 * read-only indicator rather than a second tab stop.
 */
export declare function SwitchRow({ title, icon, leading, value, disabled, tooltip, onChange, testID, render, ref, ...props }: SwitchRowProps): React.JSX.Element;