From 89c44b87e49d4e8059c80850fa45885c095e42f8 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 22 Jul 2024 17:21:02 +0200
Subject: [PATCH] Create DialogField component

---
 .../components/DialogField/DialogField.jsx    | 21 +++++++++++++++++++
 .../components/DialogField/index.js           |  1 +
 2 files changed, 22 insertions(+)
 create mode 100644 dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/components/DialogField/DialogField.jsx
 create mode 100644 dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/components/DialogField/index.js

diff --git a/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/components/DialogField/DialogField.jsx b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/components/DialogField/DialogField.jsx
new file mode 100644
index 0000000..4c08d33
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/components/DialogField/DialogField.jsx
@@ -0,0 +1,21 @@
+import {Stack, Typography} from "@mui/material";
+import {ChevronRight} from "@mui/icons-material";
+
+export const DialogField = ({icon, title, description, onClick}) => {
+    return (
+        <Stack direction="row" justifyContent="space-between" alignItems="center"
+                onClick={onClick} sx={{border: 1, borderColor: 'divider', borderRadius: 1.5, p: 1.5, cursor: "pointer"}}>
+            <Stack direction="row" alignItems="center" gap={2}>
+                {icon}
+                <Stack direction="column">
+                    <Typography variant="h6" fontWeight={600}>{title}</Typography>
+                    <Typography variant="body2" color="text.secondary"
+                                sx={{maxWidth: 250, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap'}}>
+                        {description}
+                    </Typography>
+                </Stack>
+            </Stack>
+            <ChevronRight/>
+        </Stack>
+    )
+}
\ No newline at end of file
diff --git a/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/components/DialogField/index.js b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/components/DialogField/index.js
new file mode 100644
index 0000000..4f17617
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/components/DialogField/index.js
@@ -0,0 +1 @@
+export {DialogField as default} from "./DialogField.jsx";
\ No newline at end of file