Story for the ReaderSettingsControl

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>
+  )
+}