import { default as React } from 'react';
export interface InfoBoxProps {
    /** Content to display in the info box */
    children: React.ReactNode;
    /** Title/heading for the info box */
    title?: string;
    /** Color variant */
    variant?: 'info' | 'success' | 'warning' | 'danger' | 'neutral';
    /** Size/padding variant */
    size?: 'sm' | 'md' | 'lg';
    /** Icon component to display */
    icon?: React.ComponentType<{
        className?: string;
    }>;
    /** Show border */
    bordered?: boolean;
    /** Additional className for the container */
    className?: string;
}
/**
 * InfoBox Component
 *
 * A versatile callout/info box component for highlighting important information,
 * tips, warnings, or notes. Commonly used in documentation, settings pages,
 * and forms.
 *
 * @example
 * ```tsx
 * <InfoBox variant="info" title="Quick Start">
 *   <ol>
 *     <li>Connect your wallet</li>
 *     <li>Sign the message</li>
 *     <li>Access your email</li>
 *   </ol>
 * </InfoBox>
 * ```
 *
 * @example
 * ```tsx
 * import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
 *
 * <InfoBox variant="warning" icon={ExclamationTriangleIcon}>
 *   <strong>Note:</strong> Each wallet creates a unique email address.
 * </InfoBox>
 * ```
 */
export declare const InfoBox: React.FC<InfoBoxProps>;
//# sourceMappingURL=info-box.d.ts.map