import { ReactElement } from 'react';
import { CSSObject } from 'styled-components';
export declare enum AlertV2PaddingDirection {
    TOP = "top",
    BOTTOM = "bottom",
    LEFT = "left",
    RIGHT = "right"
}
export declare enum AlertV2Type {
    PRIMARY = "primary",
    SUCCESS = "success",
    WARNING = "warning",
    ERROR = "error",
    PURPLE = "purple",
    ORANGE = "orange",
    NEUTRAL = "neutral"
}
export declare enum AlertV2SubType {
    SUBTLE = "subtle",
    NO_FILL = "noFill"
}
export declare enum AlertV2ActionPosition {
    BOTTOM = "bottom",
    RIGHT = "right"
}
export type AlertV2Action = {
    text: string;
    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
};
export type AlertV2Actions = {
    position?: AlertV2ActionPosition;
    primaryAction?: AlertV2Action;
    secondaryAction?: AlertV2Action;
};
export type AlertV2Dimensions = {
    width?: CSSObject['width'];
    maxWidth?: CSSObject['maxWidth'];
    minWidth?: CSSObject['minWidth'];
};
/**
 * Platform-neutral core of the AlertV2 API — the scalar props both platforms
 * share. `@juspay/blend-native` derives its Alert props from this. Actions,
 * close button, slot, and dimensions stay platform-specific: the web handlers
 * are DOM `MouseEvent`s, and the dimensions are CSS-typed.
 */
export type AlertBaseProps = {
    type?: AlertV2Type;
    subType?: AlertV2SubType;
    heading?: string;
    description?: string;
};
export type AlertV2Props = AlertBaseProps & {
    slot?: {
        slot: ReactElement;
        maxHeight?: CSSObject['maxHeight'];
    };
    actions?: AlertV2Actions;
    closeButton?: {
        show?: boolean;
        onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    };
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'slot' | 'className' | 'style'> & AlertV2Dimensions;