frontend/packages/rsone/components/ui/alert-dialog.tsx

import {
    Dialog,
    DialogContent,
    DialogFooter,
    DialogClose,
    Button,
} from "@common/components";
import { useAlertStore } from "../store/alert-store";

function AlertDialog() {
    const { message, callback, setMessage } = useAlertStore((state) => state);
    const handleOpenChange = () => {
        setMessage("", undefined);
        callback?.();
    };
    return (
        <Dialog open={!!message} onOpenChange={handleOpenChange}>
            <DialogContent aria-describedby={undefined}>
                <div className="py-10">
                    <p className="whitespace-pre-line text-center text-[1.4rem] text-foreground">
                        {message}
                    </p>
                </div>
                <DialogFooter className="!justify-center">
                    <DialogClose asChild>
                        <Button>확인</Button>
                    </DialogClose>
                </DialogFooter>
            </DialogContent>
        </Dialog>
    );
}

export { AlertDialog };