From 89f1b676ac7aeaae2c2e54435195173a3fc07629 Mon Sep 17 00:00:00 2001
From: Dmitrii Pikulin <aspirisen@gmail.com>
Date: Tue, 22 Feb 2022 11:52:29 +0300
Subject: [PATCH] Add Attachment settings story

---
 .../components/Toolbox/Toolbox.stories.tsx    | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/packages/slate-editor/src/components/Toolbox/Toolbox.stories.tsx b/packages/slate-editor/src/components/Toolbox/Toolbox.stories.tsx
index 5dfbdb87d..2847d5ad2 100644
--- a/packages/slate-editor/src/components/Toolbox/Toolbox.stories.tsx
+++ b/packages/slate-editor/src/components/Toolbox/Toolbox.stories.tsx
@@ -269,3 +269,35 @@ export function GallerySettings() {
         </div>
     );
 }
+
+export function AttachmentSettings() {
+    const [text, setText] = React.useState('');
+
+    return (
+        <div style={{ width: 320 }}>
+            <Toolbox.Panel>
+                <Toolbox.Header withCloseButton>Attachment settings</Toolbox.Header>
+                <Toolbox.Section>
+                    <VStack spacing="2">
+                        <VStack spacing="1-5">
+                            <Toolbox.Caption>Title</Toolbox.Caption>
+                            <Input value={text} onChange={setText} placeholder="filename.png" />
+                        </VStack>
+
+                        <VStack spacing="2">
+                            <Button variant="primary" fullWidth round>
+                                Save
+                            </Button>
+                        </VStack>
+                    </VStack>
+                </Toolbox.Section>
+
+                <Toolbox.Footer>
+                    <Button variant="clear-faded" icon={Delete} fullWidth>
+                        Remove attachment
+                    </Button>
+                </Toolbox.Footer>
+            </Toolbox.Panel>
+        </div>
+    );
+}