From fedef484118ecaee147fc3733b3522841c47ee26 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 7 Aug 2023 21:42:52 -0700
Subject: [PATCH] Add dialog component

---
 src/renderer/components/dialog/index.tsx | 14 ++++++++++++++
 src/renderer/components/index.ts         | 15 ++++++++-------
 2 files changed, 22 insertions(+), 7 deletions(-)
 create mode 100644 src/renderer/components/dialog/index.tsx

diff --git a/src/renderer/components/dialog/index.tsx b/src/renderer/components/dialog/index.tsx
new file mode 100644
index 00000000..d4ea649f
--- /dev/null
+++ b/src/renderer/components/dialog/index.tsx
@@ -0,0 +1,14 @@
+import type { DialogProps as MantineDialogProps } from '@mantine/core';
+import { Dialog as MantineDialog } from '@mantine/core';
+import styled from 'styled-components';
+
+const StyledDialog = styled(MantineDialog)`
+    &.mantine-Dialog-root {
+        background-color: var(--modal-bg);
+        box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 40%);
+    }
+`;
+
+export const Dialog = ({ ...props }: MantineDialogProps) => {
+    return <StyledDialog {...props} />;
+};
diff --git a/src/renderer/components/index.ts b/src/renderer/components/index.ts
index c6404f05..226c5883 100644
--- a/src/renderer/components/index.ts
+++ b/src/renderer/components/index.ts
@@ -3,15 +3,23 @@ export * from './audio-player';
 export * from './badge';
 export * from './button';
 export * from './card';
+export * from './checkbox';
+export * from './context-menu';
 export * from './date-picker';
+export * from './dialog';
 export * from './dropdown-menu';
 export * from './feature-carousel';
+export * from './hover-card';
 export * from './input';
 export * from './modal';
+export * from './motion';
+export * from './option';
 export * from './page-header';
 export * from './pagination';
 export * from './paper';
 export * from './popover';
+export * from './query-builder';
+export * from './rating';
 export * from './scroll-area';
 export * from './search-input';
 export * from './segmented-control';
@@ -25,10 +33,3 @@ export * from './text';
 export * from './text-title';
 export * from './toast';
 export * from './tooltip';
-export * from './motion';
-export * from './context-menu';
-export * from './query-builder';
-export * from './rating';
-export * from './hover-card';
-export * from './option';
-export * from './checkbox';