From 9bdd7573c6540dec1879a586f1290aa205dcc29e Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 2 May 2022 12:32:41 -0700
Subject: [PATCH] Story for the ReaderSettingsControl

---
 .../stories/ReaderSettingsControl.stories.tsx | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 packages/web/stories/ReaderSettingsControl.stories.tsx

diff --git a/packages/web/stories/ReaderSettingsControl.stories.tsx b/packages/web/stories/ReaderSettingsControl.stories.tsx
new file mode 100644
index 000000000..d97da58b7
--- /dev/null
+++ b/packages/web/stories/ReaderSettingsControl.stories.tsx
@@ -0,0 +1,24 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+import { Box } from '../components/elements/LayoutPrimitives'
+import { ReaderSettingsControl } from '../components/templates/article/ReaderSettingsControl'
+
+export default {
+  title: 'Components/ReaderSettingsControl',
+  component: ReaderSettingsControl,
+  argTypes: {
+    position: {
+      description: 'The ReaderSettingsControl component',
+      control: { type: 'select' },
+    },
+  },
+} as ComponentMeta<typeof ReaderSettingsControl>
+
+export const ReaderSettingsStory: ComponentStory<typeof ReaderSettingsControl> = (args: any) => {
+  return (
+    <div style={{ width: '265px', border: '2px solid black' }}>
+      <ReaderSettingsControl marginWidth={300} lineHeight={200} articleActionHandler={(action) => {
+        console.log('articleActionHandler')
+      }} />
+    </div>
+  )
+}