From 19f450594312da5049e094eee976cbe006d12315 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Sun, 10 Apr 2022 17:31:35 -0700
Subject: [PATCH] Add modal for the edit labels dialog

---
 .../templates/article/EditLabelsModal.tsx     | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 packages/web/components/templates/article/EditLabelsModal.tsx

diff --git a/packages/web/components/templates/article/EditLabelsModal.tsx b/packages/web/components/templates/article/EditLabelsModal.tsx
new file mode 100644
index 000000000..e4a4c0a22
--- /dev/null
+++ b/packages/web/components/templates/article/EditLabelsModal.tsx
@@ -0,0 +1,22 @@
+import {
+  ModalRoot,
+  ModalOverlay,
+  ModalContent,
+} from '../../elements/ModalPrimitives'
+import { EditLabelsControl } from './EditLabelsControl'
+
+export function EditLabelsModal(): JSX.Element {
+  return (
+    <ModalRoot defaultOpen>
+      <ModalOverlay />
+      <ModalContent
+        onPointerDownOutside={(event) => {
+          event.preventDefault()
+        }}
+        css={{ overflow: 'auto', p: '0' }}
+      >
+        <EditLabelsControl />
+      </ModalContent>
+    </ModalRoot>
+  )
+}