import * as React from 'react';

interface ListRowMultiLineProps {
    /**
     * The heading/title text (displayed on line 1, larger and bold)
     */
    title: string;
    /**
     * The description text (displayed on line 2, smaller and regular weight)
     */
    description: 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;
}
/**
 * ListRowMultiLine component - Arbor Design System
 *
 * A list row component with content displayed on two vertical lines.
 * Cannot be mixed with single-line ListRow in the same section.
 * Hover state is only enabled when icon is present (indicating clickable row).
 *
 * @example
 * ```tsx
 * // Basic multi-line row (not clickable)
 * <ListRowMultiLine
 *   title="Section Title"
 *   description="A brief description of this section"
 * />
 *
 * // Clickable multi-line row with icon
 * <ListRowMultiLine
 *   title="View Details"
 *   description="Click to see more information"
 *   icon
 *   onClick={() => navigate('/details')}
 * />
 * ```
 */
declare const ListRowMultiLine: React.ForwardRefExoticComponent<ListRowMultiLineProps & React.RefAttributes<HTMLDivElement>>;

export { ListRowMultiLine, type ListRowMultiLineProps };