"use client"; import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog"; import type React from "react"; import { cn } from "@/registry/default/lib/utils"; export const AlertDialogCreateHandle: typeof AlertDialogPrimitive.createHandle = AlertDialogPrimitive.createHandle; export const AlertDialog: typeof AlertDialogPrimitive.Root = AlertDialogPrimitive.Root; export const AlertDialogPortal: typeof AlertDialogPrimitive.Portal = AlertDialogPrimitive.Portal; export function AlertDialogTrigger( props: AlertDialogPrimitive.Trigger.Props, ): React.ReactElement { return ( ); } export function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): React.ReactElement { return ( ); } export function AlertDialogViewport({ className, ...props }: AlertDialogPrimitive.Viewport.Props): React.ReactElement { return ( ); } export function AlertDialogPopup({ className, bottomStickOnMobile = true, portalProps, ...props }: AlertDialogPrimitive.Popup.Props & { bottomStickOnMobile?: boolean; portalProps?: AlertDialogPrimitive.Portal.Props; }): React.ReactElement { return ( ); } export function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.ReactElement { return (

); } export function AlertDialogFooter({ className, variant = "default", ...props }: React.ComponentProps<"div"> & { variant?: "default" | "bare"; }): React.ReactElement { return (

); } export function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): React.ReactElement { return ( ); } export function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): React.ReactElement { return ( ); } export function AlertDialogClose( props: AlertDialogPrimitive.Close.Props, ): React.ReactElement { return ( ); } export { AlertDialogPrimitive, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogPopup as AlertDialogContent, };

Alert Dialog

Instalação

Dependências