Refactor Markdown stories

BrunoQuaresma · BrunoQuaresma · commit f30845ba3277 · 2023-09-07T13:06:42.000Z
diff --git a/site/src/components/Markdown/Markdown.stories.tsx b/site/src/components/Markdown/Markdown.stories.tsx
@@ -1,18 +1,17 @@
-import { ComponentMeta, Story } from "@storybook/react";
-import { Markdown, MarkdownProps } from "./Markdown";
+import type { Meta, StoryObj } from "@storybook/react";
+import { Markdown } from "./Markdown";
 
-export default {
+const meta: Meta<typeof Markdown> = {
   title: "components/Markdown",
   component: Markdown,
-} as ComponentMeta<typeof Markdown>;
+};
 
-const Template: Story<MarkdownProps> = ({ children }) => (
-  <Markdown>{children}</Markdown>
-);
+export default meta;
+type Story = StoryObj<typeof Markdown>;
 
-export const WithCode = Template.bind({});
-WithCode.args = {
-  children: `
+export const WithCode: Story = {
+  args: {
+    children: `
   ## Required permissions / policy
 
   The following sample policy allows Coder to create EC2 instances and modify instances provisioned by Coder:
@@ -64,12 +63,14 @@ WithCode.args = {
     ]
   }
   \`\`\``,
+  },
 };
 
-export const WithTable = Template.bind({});
-WithTable.args = {
-  children: `
+export const WithTable: Story = {
+  args: {
+    children: `
   | heading | b  |  c |  d  |
   | - | :- | -: | :-: |
   | cell 1 | cell 2 | 3 | 4 | `,
+  },
 };
