@kopexa/alert-dialog
Version:
A modal dialog that interrupts the user with important content and expects a response.
33 lines (30 loc) • 2.89 kB
TypeScript
import * as react_jsx_runtime from 'react/jsx-runtime';
import { AlertDialog } from '@base-ui-components/react/alert-dialog';
import { ButtonVariantProps } from '@kopexa/theme';
import { ComponentProps } from 'react';
type AlertDialogRootProps = ComponentProps<typeof AlertDialog.Root>;
declare function AlertDialogRoot(props: AlertDialogRootProps): react_jsx_runtime.JSX.Element;
type AlertDialogTriggerProps = ComponentProps<typeof AlertDialog.Trigger>;
declare function AlertDialogTrigger(props: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
type AlertDialogPortalProps = ComponentProps<typeof AlertDialog.Portal>;
declare function AlertDialogPortal({ ...props }: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
type AlertDialogOverlayProps = ComponentProps<typeof AlertDialog.Backdrop>;
declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): react_jsx_runtime.JSX.Element;
type AlertDialogContentProps = ComponentProps<typeof AlertDialog.Popup>;
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 AlertDialog.Title>;
declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialog.Description>;
declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
type AlertDialogActionProps = ComponentProps<typeof AlertDialog.Close> & {
color?: ButtonVariantProps["color"];
variant?: ButtonVariantProps["variant"];
};
declare function AlertDialogAction({ className, color, variant, ...props }: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
type AlertDialogCancelProps = ComponentProps<typeof AlertDialog.Close>;
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 };