import * as React from 'react';

interface ListRowProps {
    /**
     * The main value/content text (required)
     */
    value: string;
    /**
     * Optional label text displayed on the left
     */
    label?: string;
    /**
     * Optional note text displayed on the right (italic)
     */
    note?: string;
    /**
     * Show the right arrow icon - enables hover state and indicates row is clickable
     * @default false
     */
    icon?: boolean;
    /**
     * Click handler - typically used with icon prop for navigation
     */
    onClick?: () => void;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Additional inline styles
     */
    style?: React.CSSProperties;
}
/**
 * ListRow component - Arbor Design System
 *
 * A flexible list row component for displaying content within sections.
 * Supports optional label, note, and icon props.
 * Hover state is only enabled when icon is present (indicating clickable row).
 *
 * @example
 * ```tsx
 * // Basic row with just value
 * <ListRow value="John Smith" />
 *
 * // With label
 * <ListRow label="Name" value="John Smith" />
 *
 * // With label and note
 * <ListRow label="Name" value="John Smith" note="Primary contact" />
 *
 * // Clickable row with icon
 * <ListRow
 *   label="Name"
 *   value="John Smith"
 *   icon
 *   onClick={() => navigate('/user/123')}
 * />
 *
 * // All props
 * <ListRow
 *   label="Name"
 *   value="John Smith"
 *   note="View profile"
 *   icon
 *   onClick={() => navigate('/user/123')}
 * />
 * ```
 */
declare const ListRow: React.ForwardRefExoticComponent<ListRowProps & React.RefAttributes<HTMLDivElement>>;

export { ListRow, type ListRowProps };