import * as React from 'react';
import { SectionIconVariant } from './SectionIcon.js';

interface ModalHeaderProps {
    /**
     * The title text for the modal header
     */
    title: string;
    /**
     * Optional icon variant to display before the title
     * Uses the SectionIcon component variants: 'warning', 'danger', 'info', 'success'
     */
    icon?: SectionIconVariant;
    /**
     * Callback when close button is clicked
     * If not provided, close button will not be shown
     */
    onClose?: () => void;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Additional inline styles
     */
    style?: React.CSSProperties;
}
/**
 * ModalHeader component - Arbor Design System
 *
 * The header part of a modal dialog with title, optional icon, and close button.
 * The icon uses SectionIcon variants (warning, danger, info, success).
 *
 * @example
 * ```tsx
 * // Basic modal header with close button
 * <ModalHeader
 *   title="What would you like to do?"
 *   onClose={() => setIsOpen(false)}
 * />
 *
 * // Modal header with warning icon
 * <ModalHeader
 *   title="Are you sure?"
 *   icon="warning"
 *   onClose={() => setIsOpen(false)}
 * />
 *
 * // Modal header with danger icon (error state)
 * <ModalHeader
 *   title="Sorry, we can't find this page"
 *   icon="danger"
 *   onClose={() => setIsOpen(false)}
 * />
 *
 * // Modal header without close button
 * <ModalHeader
 *   title="Processing..."
 *   icon="info"
 * />
 * ```
 */
declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;

export { ModalHeader, type ModalHeaderProps };