From 5de5b34ecfca638c7219a2bbe30523ac385fa5f8 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 13 Nov 2022 02:07:14 -0800
Subject: [PATCH] Add accordion component

---
 src/renderer/components/accordion/index.tsx | 25 +++++++++++++++++++++
 src/renderer/components/index.ts            |  1 +
 2 files changed, 26 insertions(+)
 create mode 100644 src/renderer/components/accordion/index.tsx

diff --git a/src/renderer/components/accordion/index.tsx b/src/renderer/components/accordion/index.tsx
new file mode 100644
index 000000000..8e1046021
--- /dev/null
+++ b/src/renderer/components/accordion/index.tsx
@@ -0,0 +1,25 @@
+import {
+  Accordion as MantineAccordion,
+  AccordionProps as MantineAccordionProps,
+} from '@mantine/core';
+import styled from 'styled-components';
+
+type AccordionProps = MantineAccordionProps;
+
+const StyledAccordion = styled(MantineAccordion)`
+  & .mantine-Accordion-panel {
+    background: var(--paper-bg);
+  }
+
+  .mantine-Accordion-control {
+    background: var(--paper-bg);
+  }
+`;
+
+export const Accordion = ({ children, ...props }: AccordionProps) => {
+  return <StyledAccordion {...props}>{children}</StyledAccordion>;
+};
+
+Accordion.Control = StyledAccordion.Control;
+Accordion.Item = StyledAccordion.Item;
+Accordion.Panel = StyledAccordion.Panel;
diff --git a/src/renderer/components/index.ts b/src/renderer/components/index.ts
index 33a4e0f5c..54d163e94 100644
--- a/src/renderer/components/index.ts
+++ b/src/renderer/components/index.ts
@@ -16,3 +16,4 @@ export * from './scroll-area';
 export * from './paper';
 export * from './tabs';
 export * from './slider';
+export * from './accordion';