WIP 4

packages/ui/components/Dialog.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { FC } from "react";
+import {
+  Grid,
+  Button,
+  Dialog as MUIDialog,
+  DialogActions,
+  DialogContent,
+  TextField,
+  Autocomplete,
+} from "@mui/material";
+import { typography } from "../styles/theme";
+
+interface DialogProps {
+  title: string;
+  open: boolean;
+  closeDialog: () => void;
+  children?: any;
+}
+
+export const Dialog: FC<DialogProps> = ({
+  title,
+  open,
+  closeDialog,
+  children,
+}) => {
+  return (
+    <MUIDialog open={open} maxWidth="md" fullWidth>
+      <DialogContent>{children}</DialogContent>
+      <DialogActions sx={{ px: 3, pt: 0, pb: 3 }}>
+        <Grid container justifyContent="space-between">
+          <Grid item>
+            <Button
+              sx={{
+                backgroundColor: "white",
+                color: "#666",
+                fontFamily: "Poppins, sans-serif",
+                fontWeight: 700,
+                borderRadius: 2,
+                textTransform: "none",
+              }}
+              onClick={() => {
+                closeDialog();
+              }}
+            >
+              Cancel
+            </Button>
+          </Grid>
+          <Grid item>
+            <Button
+              sx={{
+                fontFamily: "Poppins, sans-serif",
+                fontWeight: 700,
+                borderRadius: 2,
+                textTransform: "none",
+                px: 3,
+              }}
+            >
+              Create Ticket
+            </Button>
+          </Grid>
+        </Grid>
+      </DialogActions>
+    </MUIDialog>
+  );
+};