Refactor HelpTooltip stories

BrunoQuaresma · BrunoQuaresma · commit 2320111902e6 · 2023-09-07T16:06:04.000Z
diff --git a/site/src/components/HelpTooltip/HelpTooltip.stories.tsx b/site/src/components/HelpTooltip/HelpTooltip.stories.tsx
@@ -2,41 +2,35 @@ import {
   HelpTooltip,
   HelpTooltipLink,
   HelpTooltipLinksGroup,
-  HelpTooltipProps,
   HelpTooltipText,
   HelpTooltipTitle,
 } from "./HelpTooltip";
 import type { Meta, StoryObj } from "@storybook/react";
 
-const Template = (props: HelpTooltipProps) => (
-  <HelpTooltip {...props}>
-    <HelpTooltipTitle>What is a template?</HelpTooltipTitle>
-    <HelpTooltipText>
-      A template is a common configuration for your team&apos;s workspaces.
-    </HelpTooltipText>
-    <HelpTooltipLinksGroup>
-      <HelpTooltipLink href="https://github.com/coder/coder/">
-        Creating a template
-      </HelpTooltipLink>
-      <HelpTooltipLink href="https://github.com/coder/coder/">
-        Updating a template
-      </HelpTooltipLink>
-    </HelpTooltipLinksGroup>
-  </HelpTooltip>
-);
-
 const meta: Meta<typeof HelpTooltip> = {
-  title: "components/HelpTooltip/HelpTooltip",
-  component: Template,
+  title: "components/HelpTooltip",
+  component: HelpTooltip,
+  args: {
+    children: (
+      <>
+        <HelpTooltipTitle>What is a template?</HelpTooltipTitle>
+        <HelpTooltipText>
+          A template is a common configuration for your team&apos;s workspaces.
+        </HelpTooltipText>
+        <HelpTooltipLinksGroup>
+          <HelpTooltipLink href="https://github.com/coder/coder/">
+            Creating a template
+          </HelpTooltipLink>
+          <HelpTooltipLink href="https://github.com/coder/coder/">
+            Updating a template
+          </HelpTooltipLink>
+        </HelpTooltipLinksGroup>
+      </>
+    ),
+  },
 };
 
 export default meta;
 type Story = StoryObj<typeof HelpTooltip>;
 
-export const Close: Story = {};
-
-export const Open: Story = {
-  args: {
-    open: true,
-  },
-};
+export const Example: Story = {};
