File size: 1,196 Bytes
ccefd0b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | import * as DialogPrimitive from "@radix-ui/react-dialog";
import CloseIcon from "../Icons/Close";
import { ReactNode } from "react";
export const styleDialog = {
margin: "2px 0px 2px 10px",
padding: "5px 2px 2px 5px",
};
export default function CommonDialog({
open,
close,
title,
description,
children,
}: {
open: boolean;
close: () => void;
title: string;
description: string;
children: ReactNode;
}) {
return (
<DialogPrimitive.Root open={open} onOpenChange={close}>
<DialogPrimitive.Overlay onClick={close} className="_modal-overlay" />
<DialogPrimitive.Content className="_modal">
<DialogPrimitive.Title className="_modal-title">
{title}
</DialogPrimitive.Title>
<DialogPrimitive.Description className="_modal_description">
{description}
</DialogPrimitive.Description>
<DialogPrimitive.Close>
<CloseIcon />
</DialogPrimitive.Close>
{children}
<DialogPrimitive.Close className="_modal-close" onClick={close}>
<CloseIcon className="w-6 h-6" />
</DialogPrimitive.Close>
</DialogPrimitive.Content>
</DialogPrimitive.Root>
);
}
|