From 0220c97ef99aabc461fc844e1788fcf3afd804dd Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Mon, 11 Mar 2024 10:21:47 -0300
Subject: [PATCH] chore(site): add TableToolbar stories (#12473)

Related to https://github.com/coder/coder/issues/12263
---
 .../TableToolbar/TableToolbar.stories.tsx     | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 site/src/components/TableToolbar/TableToolbar.stories.tsx

diff --git a/site/src/components/TableToolbar/TableToolbar.stories.tsx b/site/src/components/TableToolbar/TableToolbar.stories.tsx
new file mode 100644
index 0000000000..b2a1832243
--- /dev/null
+++ b/site/src/components/TableToolbar/TableToolbar.stories.tsx
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PaginationStatus, TableToolbar } from "./TableToolbar";
+
+const meta: Meta<typeof TableToolbar> = {
+  title: "components/TableToolbar",
+  component: TableToolbar,
+};
+
+export default meta;
+type Story = StoryObj<typeof TableToolbar>;
+
+export const WithPagination: Story = {
+  args: {
+    children: (
+      <PaginationStatus
+        isLoading={false}
+        label="items"
+        showing={10}
+        total={100}
+      />
+    ),
+  },
+};
+
+export const WithLoadingPagination: Story = {
+  args: {
+    children: <PaginationStatus isLoading />,
+  },
+};