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;
    /** E.g. a product logo, which the kit does not ship. `icon` wins if both are passed. */
    leading?: React.ReactNode;
    title: string;
    /** What turning it on gets you, where the title is ambiguous; announced as the switch's description. */
    description?: string;
    tooltip?: string;
    ref?: React.Ref<HTMLElement>;
    render?: SwitchRootProps["render"];
}
/** The whole row is one `switch` named by its title; the `Switch` inside is a read-only indicator, not a
 *  second tab stop. */
export declare function SwitchRow({ title, description, icon, leading, value, disabled, tooltip, onChange, testID, render, ref, ...props }: SwitchRowProps): React.JSX.Element;