strings

client/src/Components/v2/inputs/Dialog.tsx

@@ -1,4 +1,5 @@
 import Dialog from "@mui/material/Dialog";
+import type { DialogProps } from "@mui/material/Dialog";
 import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
 import DialogContentText from "@mui/material/DialogContentText";
@@ -6,6 +7,7 @@ import DialogTitle from "@mui/material/DialogTitle";
 import { Button } from "@/Components/v2/inputs";
 import { typographyLevels } from "@/Utils/Theme/v2Palette";
 import { useTranslation } from "react-i18next";
+import type { ReactNode } from "react";
 
 export const DialogInput = ({
 	open,
@@ -18,6 +20,9 @@ export const DialogInput = ({
 	loading = false,
 	cancelText,
 	confirmText,
+	children,
+	maxWidth,
+	fullWidth = false,
 }: {
 	open: boolean;
 	title?: string;
@@ -29,13 +34,21 @@ export const DialogInput = ({
 	loading?: boolean;
 	cancelText?: string;
 	confirmText?: string;
+	children?: ReactNode;
+	maxWidth?: DialogProps["maxWidth"];
+	fullWidth?: boolean;
 }) => {
 	const { t } = useTranslation();
 	return (
-		<Dialog open={open}>
+		<Dialog
+			open={open}
+			maxWidth={maxWidth}
+			fullWidth={fullWidth}
+		>
 			<DialogTitle sx={{ fontSize: typographyLevels.l }}>{title}</DialogTitle>
 			<DialogContent>
-				<DialogContentText>{content}</DialogContentText>
+				{content && <DialogContentText>{content}</DialogContentText>}
+				{children}
 			</DialogContent>
 			<DialogActions>
 				<Button