import "./list_item.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
import type { TextColor } from "./text_ink";
/**
 * `settings` (default): a 64px row whose `right` holds a control, so the press target sits beside
 * it. `option`: a row you pick (menu item, listbox option), content-sized, the whole row the
 * button, since its trailing slot never holds a control.
 */
export type ListItemVariant = "settings" | "option";
export interface ListItemProps extends StyleProps {
    left?: React.ReactNode;
    /** Names what the subject is (a linked record's table); read with the title as one label. */
    overline?: React.ReactNode;
    /** A string takes the title type; a node renders as-is (pass `accessibilityLabel` then). */
    title?: React.ReactNode;
    /** Default, except for an action row tinted to its glyph. */
    titleColor?: TextColor;
    description?: React.ReactNode;
    right?: React.ReactNode;
    onPress?: () => void;
    /** For a list previewing beside itself. */
    onHoverIn?: () => void;
    /** The current value, the open app. */
    selected?: boolean;
    /**
     * The roving highlight via `aria-activedescendant`: where the keyboard is, not what is chosen.
     */
    focused?: boolean;
    /** For a combobox's `aria-activedescendant`. */
    id?: string;
    /** Only for a listbox option or menu item; a pressing row is already a `<button>`. */
    role?: "menuitem" | "option";
    disabled?: boolean;
    variant?: ListItemVariant;
    /** Where the rendered lines do not compose one (a node title, a repeated title). */
    accessibilityLabel?: string;
    /** So a test lands on the press target. */
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * A LIST ROW — `left`, `overline` over `title` over `description`, a `right` slot, optional
 * `onPress`/`selected`. Not a register row (`PressableRow` / `Table`). A `settings` row always
 * presses beside its `right` slot, never around it, whether or not a slot is passed, so rows in one
 * list never press differently and a caller cannot reintroduce nesting; a decorative `right` is
 * uniformly outside the target. An `option` row's content is a label, so the row is the button. The
 * wash sits on the wrapper, driven by the region, so the row lights as one.
 */
export declare function ListItem(props: ListItemProps): React.JSX.Element;