import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
import React__default, { ReactNode, ComponentPropsWithoutRef } from 'react';
import { ReactNodeExcluded } from '../../types/index.mjs';
import { AvatarProps } from '../avatar/avatar.mjs';
import { ButtonProps } from '../button/button.mjs';
import '@radix-ui/react-avatar';
import '../avatar/indicator.mjs';
import '../button/button.styles.mjs';

interface NotificationActionProps extends React__default.HTMLAttributes<HTMLDivElement> {
    confirmLabel?: string;
    cancelLabel?: string;
    actionBtnProps?: ButtonProps;
    cancelBtnProps?: ButtonProps;
    hideConfirm?: boolean;
    hideCancel?: boolean;
    onConfirm?: () => void;
    onCancel?: () => void;
}
declare const NotificationAction: React__default.ForwardRefExoticComponent<NotificationActionProps & React__default.RefAttributes<HTMLDivElement>>;
interface NotificationContentProps extends Pick<React__default.HTMLAttributes<HTMLDivElement>, 'className'> {
    title?: ReactNode;
    description?: ReactNode;
}
declare const notificationVariants: tailwind_variants.TVReturnType<{
    variant: {
        none: string;
        icon: string;
        image: string;
        avatar: string;
    };
}, undefined, "border-border bg-background relative flex w-full gap-4 overflow-hidden rounded-xl border p-4 shadow-lg [@media(min-width:37.5rem)]:w-[370px] [@media(min-width:48rem)]:w-[400px]", tailwind_variants_dist_config.TVConfig<{
    variant: {
        none: string;
        icon: string;
        image: string;
        avatar: string;
    };
}, {
    variant: {
        none: string;
        icon: string;
        image: string;
        avatar: string;
    };
}>, {
    variant: {
        none: string;
        icon: string;
        image: string;
        avatar: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    variant: {
        none: string;
        icon: string;
        image: string;
        avatar: string;
    };
}, undefined, "border-border bg-background relative flex w-full gap-4 overflow-hidden rounded-xl border p-4 shadow-lg [@media(min-width:37.5rem)]:w-[370px] [@media(min-width:48rem)]:w-[400px]", tailwind_variants_dist_config.TVConfig<{
    variant: {
        none: string;
        icon: string;
        image: string;
        avatar: string;
    };
}, {
    variant: {
        none: string;
        icon: string;
        image: string;
        avatar: string;
    };
}>, unknown, unknown, undefined>>;
interface NotificationProps extends NotificationContentProps, VariantProps<typeof notificationVariants> {
    hideCloseIcon?: boolean;
    onClose?: () => void;
    icon?: 'success' | 'warning' | 'error' | ReactNodeExcluded;
    src?: string;
    avatarProps?: AvatarProps;
    imgProps?: ComponentPropsWithoutRef<'img'>;
    actionProps?: NotificationActionProps;
    children?: ReactNode;
}
declare const Notification: React__default.ForwardRefExoticComponent<NotificationProps & React__default.RefAttributes<HTMLDivElement>>;

export { Notification, NotificationAction, type NotificationActionProps, type NotificationContentProps, type NotificationProps, notificationVariants };