import * as React from 'react';

type SectionIconVariant = 'warning' | 'danger' | 'info' | 'success';
interface SectionIconProps {
    /**
     * The variant/style of the section icon
     * @default 'info'
     */
    variant?: SectionIconVariant;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Additional inline styles
     */
    style?: React.CSSProperties;
}
/**
 * SectionIcon component - Arbor Design System
 *
 * A small badge-like icon used in section headings to indicate status or alerts.
 * Available in 4 variants: warning (orange), danger (red), info (blue), success (green).
 *
 * @example
 * ```tsx
 * <SectionIcon variant="warning" />
 * <SectionIcon variant="danger" />
 * <SectionIcon variant="info" />
 * <SectionIcon variant="success" />
 * ```
 */
declare const SectionIcon: React.ForwardRefExoticComponent<SectionIconProps & React.RefAttributes<HTMLDivElement>>;

export { SectionIcon, type SectionIconProps, type SectionIconVariant };