import * as React from 'react';

interface SubSectionHeadingProps {
    /**
     * The heading text (required)
     */
    title: string;
    /**
     * Show an info icon next to the heading text
     * @default false
     */
    icon?: boolean;
    /**
     * Button variant to display on the right
     * - 'primary': Green button with white text
     * - 'tertiary': Gray button with dark text
     * - undefined: No button
     */
    button?: 'primary' | 'tertiary';
    /**
     * Text to display in the button (required if button is specified)
     */
    buttonText?: string;
    /**
     * Icon to display in the button (renders before button text)
     */
    buttonIcon?: React.ReactNode;
    /**
     * Click handler for the button
     */
    onButtonClick?: () => void;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Additional inline styles
     */
    style?: React.CSSProperties;
}
/**
 * SubSectionHeading component - Arbor Design System
 *
 * A sub-section heading component for dividing content within sections.
 * Supports optional icon next to text and optional button on the right.
 *
 * @example
 * ```tsx
 * // Basic sub-section heading
 * <SubSectionHeading title="Details" />
 *
 * // With info icon
 * <SubSectionHeading title="Details" icon />
 *
 * // With primary button
 * <SubSectionHeading
 *   title="Items"
 *   button="primary"
 *   buttonText="Add Item"
 *   onButtonClick={() => handleAdd()}
 * />
 *
 * // With tertiary button and icon
 * <SubSectionHeading
 *   title="Settings"
 *   icon
 *   button="tertiary"
 *   buttonText="Configure"
 *   onButtonClick={() => handleConfigure()}
 * />
 * ```
 */
declare const SubSectionHeading: React.ForwardRefExoticComponent<SubSectionHeadingProps & React.RefAttributes<HTMLDivElement>>;

export { SubSectionHeading, type SubSectionHeadingProps };