import type { ReactNode } from "react";
export * from "./variants.js";
export type ListItemProps = {
    /** Leading slot — an avatar, icon, or status dot. */
    left?: ReactNode;
    title: string;
    description?: string;
    /** Extra content stacked under the title/description (badges, meta). */
    extra?: ReactNode;
    /** Trailing slot rendered before the optional arrow. */
    right?: ReactNode;
    /** Show a trailing chevron to signal the row navigates. */
    showArrow?: boolean;
    onClick?: () => void;
    className?: string;
};
/**
 * A generic list row: leading slot + title/description/extra, with an optional
 * trailing slot and navigation chevron. Domain apps compose their own `*Item`
 * wrappers on top of this rather than re-implementing the layout.
 *
 * The row is container-responsive (via {@link Split}): the leading and trailing
 * groups sit on one line as a wide row and stack — trailing group under the
 * title — once the row's own container is narrow, so a dense right cluster drops
 * below the title on small screens instead of crushing it.
 */
export declare function ListItem({ left, title, description, extra, right, showArrow, onClick, className, }: ListItemProps): import("react").JSX.Element;
//# sourceMappingURL=index.d.ts.map