import type { ReactNode } from 'react'

export enum AlertVariant {
    PRIMARY = 'primary',
    SUCCESS = 'success',
    WARNING = 'warning',
    ERROR = 'error',
    PURPLE = 'purple',
    ORANGE = 'orange',
    NEUTRAL = 'neutral',
}

export enum AlertActionPlacement {
    BOTTOM = 'bottom',
    RIGHT = 'right',
}

export enum AlertStyle {
    SUBTLE = 'subtle',
    NO_FILL = 'noFill',
}

export type AlertAction = {
    label: string
    onClick: () => void
}

export type AlertProps = {
    heading: string
    description: string
    variant?: AlertVariant
    style?: AlertStyle
    primaryAction?: AlertAction
    secondaryAction?: AlertAction
    onClose?: () => void
    icon?: ReactNode
    actionPlacement?: AlertActionPlacement
    maxWidth?: string
    minWidth?: string
    width?: string
}