import { ReactNode, FC } from 'react';
import { ViewProps } from 'react-native';
import { AlertVariant, AlertAppearance } from './types.js';

interface AlertProps extends ViewProps {
    /**
     * The content of the alert.
     * Accepts a single React node or an array of nodes.
     */
    children?: ReactNode | ReactNode[];
    /**
     * Optional content rendered at the icon slot of the alert.
     * Useful for renderings custom icons.
     * Pass `false` to hide the icon entirely.
     */
    iconSlot?: ReactNode | ReactNode[];
    /**
     * Optional content rendered at the end of the alert.
     * Useful for action buttons, close icons, or links.
     */
    endSlot?: ReactNode | ReactNode[];
    /**
     * The main title or headline of the alert.
     * This is required and displayed prominently.
     */
    title: string;
    /**
     * Visual style of the alert.
     * Determines background color, border, and icon style.
     *
     * - 'success': Indicates a positive or successful action
     * - 'error': Indicates an error or failure
     * - 'warning': Indicates a caution or risk
     * - 'info': Neutral informational message
     */
    variant?: AlertVariant;
    /**
     * Visual appearance of the badge.
     * Defines how the badge is styled (background, border, etc.).
     */
    appearance?: AlertAppearance;
}
declare const Alert: FC<AlertProps>;

export { Alert, type AlertProps };