@kopexa/alert-dialog
Version: 
A modal dialog that interrupts the user with important content and expects a response.
33 lines (30 loc) • 2.97 kB
text/typescript
import * as react_jsx_runtime from 'react/jsx-runtime';
import { ButtonVariantProps } from '@kopexa/theme';
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
import { ComponentProps } from 'react';
type AlertDialogRootProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
declare function AlertDialogRoot(props: AlertDialogRootProps): react_jsx_runtime.JSX.Element;
type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
declare function AlertDialogTrigger(props: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
type AlertDialogPortalProps = ComponentProps<typeof AlertDialogPrimitive.Portal>;
declare function AlertDialogPortal({ ...props }: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
type AlertDialogOverlayProps = ComponentProps<typeof AlertDialogPrimitive.Overlay>;
declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): react_jsx_runtime.JSX.Element;
type AlertDialogContentProps = ComponentProps<typeof AlertDialogPrimitive.Content>;
declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
type AlertDialogHeaderProps = ComponentProps<"div">;
declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
type AlertDialogFooterProps = ComponentProps<"div">;
declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
type AlertDialogActionProps = ComponentProps<typeof AlertDialogPrimitive.Action> & {
    color?: ButtonVariantProps["color"];
    variant?: ButtonVariantProps["variant"];
};
declare function AlertDialogAction({ className, color, variant, ...props }: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
type AlertDialogCancelProps = ComponentProps<typeof AlertDialogPrimitive.Cancel>;
declare function AlertDialogCancel({ className, ...props }: AlertDialogCancelProps): react_jsx_runtime.JSX.Element;
export { AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, AlertDialogRoot, type AlertDialogRootProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };