From 7ebf667e501786cb66a47590df9ecc7293c3be6b Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Wed, 22 Nov 2023 12:16:18 +0000
Subject: [PATCH] fix(site): fix tabs

---
 site/src/components/Tabs/Tabs.stories.tsx | 22 ++++++++++++++++++++++
 site/src/components/Tabs/Tabs.tsx         |  6 +-----
 2 files changed, 23 insertions(+), 5 deletions(-)
 create mode 100644 site/src/components/Tabs/Tabs.stories.tsx

diff --git a/site/src/components/Tabs/Tabs.stories.tsx b/site/src/components/Tabs/Tabs.stories.tsx
new file mode 100644
index 0000000000000..b52a0d6cad965
--- /dev/null
+++ b/site/src/components/Tabs/Tabs.stories.tsx
@@ -0,0 +1,22 @@
+import { Tabs, TabLink } from "./Tabs";
+import type { Meta, StoryObj } from "@storybook/react";
+
+const meta: Meta<typeof Tabs> = {
+  title: "components/Tabs",
+  component: Tabs,
+};
+
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+
+export const Default: Story = {
+  args: {
+    children: (
+      <>
+        <TabLink to="">Tab 1</TabLink>
+        <TabLink to="tab-3">Tab 2</TabLink>
+        <TabLink to="tab-4">Tab 3</TabLink>
+      </>
+    ),
+  },
+};
diff --git a/site/src/components/Tabs/Tabs.tsx b/site/src/components/Tabs/Tabs.tsx
index f2888afd3672b..f98820e6ec3be 100644
--- a/site/src/components/Tabs/Tabs.tsx
+++ b/site/src/components/Tabs/Tabs.tsx
@@ -29,11 +29,7 @@ interface TabLinkProps extends NavLinkProps {
   className?: string;
 }
 
-export const TabLink: FC<TabLinkProps> = ({
-  className,
-  children,
-  ...linkProps
-}) => {
+export const TabLink: FC<TabLinkProps> = ({ className, ...linkProps }) => {
   const tabLink = useClassName(classNames.tabLink, []);
   const activeTabLink = useClassName(classNames.activeTabLink, []);