From fa5f548c6071ee13e1190391897e7b00e1e5e733 Mon Sep 17 00:00:00 2001
From: Mariana Sartorato <mariana.sartorato@profusion.mobi>
Date: Thu, 11 Jul 2024 11:37:08 -0300
Subject: [PATCH] feat(#67): add summary component to storybook

---
 .../components/Summary/Summary.stories.tsx    | 70 +++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 dashboard/src/components/Summary/Summary.stories.tsx

diff --git a/dashboard/src/components/Summary/Summary.stories.tsx b/dashboard/src/components/Summary/Summary.stories.tsx
new file mode 100644
index 0000000..e2f2c51
--- /dev/null
+++ b/dashboard/src/components/Summary/Summary.stories.tsx
@@ -0,0 +1,70 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import Summary, { ISummaryItem } from './Summary';
+
+const meta = {
+  title: 'Summary',
+  component: Summary,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+} satisfies Meta<typeof Summary>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const items: ISummaryItem[] = [
+  {
+    arch: {
+      errors: 4,
+      warnings: 1,
+      text: 'arm64',
+    },
+    compilers: [
+      'aarch64-linux-gnu-gcc (Debian 10.2.1-6) 10.2.1 20210110',
+      'Debian clang version 17.0.6 (++20231208085823+6009708b436...)',
+    ],
+  },
+  {
+    arch: {
+      errors: 4,
+      warnings: 1,
+      text: 'arm64',
+    },
+    compilers: [
+      'aarch64-linux-gnu-gcc (Debian 10.2.1-6) 10.2.1 20210110',
+      'Debian clang version 17.0.6 (++20231208085823+6009708b436...)',
+    ],
+  },
+  {
+    arch: {
+      errors: 4,
+      warnings: 1,
+      text: 'arm64',
+    },
+    compilers: [
+      'aarch64-linux-gnu-gcc (Debian 10.2.1-6) 10.2.1 20210110',
+      'Debian clang version 17.0.6 (++20231208085823+6009708b436...)',
+    ],
+  },
+  {
+    arch: {
+      errors: 4,
+      warnings: 1,
+      text: 'arm64',
+    },
+    compilers: [
+      'aarch64-linux-gnu-gcc (Debian 10.2.1-6) 10.2.1 20210110',
+      'Debian clang version 17.0.6 (++20231208085823+6009708b436++20231208085823+6009708b436++20231208085823+6009708b436++20231208085823+6009708b436)',
+    ],
+  },
+];
+
+export const Default: Story = {
+  args: {
+    summaryBody: items,
+    title: 'Summary',
+    summaryHeaders: ['Arch', 'Compiler'],
+  },
+};