reorganized stories and related logic

stories/Prompter.stories.tsx → stories/ExamplePrompter.stories.tsx

@@ -6,18 +6,6 @@ import Wrapper from './components/Wrapper';
 const meta: Meta = {
   title: 'usePrompt',
   component: Prompter,
-  argTypes: {
-    component: {
-      control: {
-        type: null,
-      },
-    },
-    type: {
-      control: {
-        type: null,
-      },
-    },
-  },
   parameters: {
     controls: { expanded: true },
   },

stories/MultiPrompter.stories.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+import { MultiPrompter, Props } from './components/MultiPrompter';
+import Wrapper from './components/Wrapper';
+
+const meta: Meta = {
+  title: 'usePrompt',
+  component: MultiPrompter,
+  parameters: {
+    controls: { expanded: true },
+  },
+};
+
+export default meta;
+
+const Template: Story<Props> = (args) => (
+  <Wrapper>
+    <MultiPrompter {...args} />
+  </Wrapper>
+);
+
+export const MultiPrompt = Template.bind({});
+// ExamplePrompt.args = {
+//   message: 'This is a modal prompt',
+// };

test/index.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import '@testing-library/jest-dom';
 import { render, waitFor, cleanup, fireEvent } from '@testing-library/react';
 
-import { ExamplePrompt } from '../stories/Prompter.stories';
+import { ExamplePrompt } from '../stories/ExamplePrompter.stories';
 
 describe('Modal Prompt', () => {
   afterEach(() => {