@szum-tech/design-system/dist/components/alert-dialog/index.d.cts

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import { AlertDialog as AlertDialog$1 } from 'radix-ui';
import { VariantProps } from 'class-variance-authority';
import * as class_variance_authority_types from 'class-variance-authority/types';
import { ButtonProps } from '../button/index.js';

type AlertDialogProps = React.ComponentProps<typeof AlertDialog$1.Root>;
declare function AlertDialog(props: AlertDialogProps): React.JSX.Element;

type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialog$1.Trigger>;
declare function AlertDialogTrigger(props: AlertDialogTriggerProps): React.JSX.Element;

declare const alertDialogContentVariants: (props?: {
    size?: "default" | "sm";
} & class_variance_authority_types.ClassProp) => string;

type AlertDialogContentCvaProps = VariantProps<typeof alertDialogContentVariants>;
type AlertDialogContentSize = NonNullable<AlertDialogContentCvaProps["size"]>;

type AlertDialogContentProps = React.ComponentProps<typeof AlertDialog$1.Content> & {
    size?: AlertDialogContentSize;
};
declare function AlertDialogContent({ className, size, ...props }: AlertDialogContentProps): React.JSX.Element;

type AlertDialogActionProps = React.ComponentProps<typeof AlertDialog$1.Action> & Pick<ButtonProps, "variant" | "size">;
declare function AlertDialogAction({ className, variant, size, ...props }: AlertDialogActionProps): React.JSX.Element;

type AlertDialogFooterProps = React.ComponentProps<"div">;
declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element;

type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): React.JSX.Element;

type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): React.JSX.Element;

type AlertDialogCancelProps = React.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<ButtonProps, "variant" | "size">;
declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogCancelProps): React.JSX.Element;

type AlertDialogHeaderProps = React.ComponentProps<"div">;
declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element;

type AlertDialogMediaProps = React.ComponentProps<"div">;
declare function AlertDialogMedia({ className, ...props }: AlertDialogMediaProps): React.JSX.Element;

export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, type AlertDialogContentSize, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogMedia, type AlertDialogMediaProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };