From 70b4f633a6fbedb58c8b9134ac64ede854d489de Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 20 Nov 2023 12:27:46 +0100
Subject: refactor(components): replace PageLayout template with Page

* split pages in smaller components (it is both easier to maintain and
more readable, we avoid the use of fragments in pages directory)
* extract breadcrumbs from article tag (the navigation is not related
to the page contents)
* remove useReadingTime hook
* remove layout options except `isHome`
---
 .../templates/page/page-header.stories.tsx         | 76 ++++++++++++++++++++++
 1 file changed, 76 insertions(+)
 create mode 100644 src/components/templates/page/page-header.stories.tsx

(limited to 'src/components/templates/page/page-header.stories.tsx')

diff --git a/src/components/templates/page/page-header.stories.tsx b/src/components/templates/page/page-header.stories.tsx
new file mode 100644
index 0000000..3af9b47
--- /dev/null
+++ b/src/components/templates/page/page-header.stories.tsx
@@ -0,0 +1,76 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import { Page } from './page';
+import { PageHeader } from './page-header';
+
+/**
+ * PageHeader - Storybook Meta
+ */
+export default {
+  title: 'Templates/Page/Header',
+  component: PageHeader,
+  argTypes: {
+    meta: {
+      control: {
+        type: null,
+      },
+      description: 'Define the page meta.',
+      type: {
+        name: 'object',
+        required: true,
+        value: {},
+      },
+    },
+  },
+} as ComponentMeta<typeof PageHeader>;
+
+const Template: ComponentStory<typeof PageHeader> = (args) => (
+  <Page>
+    <PageHeader {...args} />
+  </Page>
+);
+
+/**
+ * PageHeader Stories - TitleOnly
+ */
+export const TitleOnly = Template.bind({});
+TitleOnly.args = {
+  heading: 'The page title',
+};
+
+/**
+ * PageHeader Stories - TitleAndIntro
+ */
+export const TitleAndIntro = Template.bind({});
+TitleAndIntro.args = {
+  heading: 'The page title',
+  intro:
+    'Eos similique impedit dolor illo. Rerum voluptates corporis quod et molestiae eum. Ut tenetur repellat hic eum. Doloremque et illum sequi aspernatur.',
+};
+
+/**
+ * PageHeader Stories - TitleAndMeta
+ */
+export const TitleAndMeta = Template.bind({});
+TitleAndMeta.args = {
+  heading: 'The page title',
+  meta: {
+    author: 'Robin_Schroeder77',
+    publicationDate: '2023-11-15',
+    updateDate: '2023-11-16',
+  },
+};
+
+/**
+ * PageHeader Stories - All
+ */
+export const All = Template.bind({});
+All.args = {
+  heading: 'The page title',
+  intro:
+    'Eos similique impedit dolor illo. Rerum voluptates corporis quod et molestiae eum. Ut tenetur repellat hic eum. Doloremque et illum sequi aspernatur.',
+  meta: {
+    author: 'Robin_Schroeder77',
+    publicationDate: '2023-11-15',
+    updateDate: '2023-11-16',
+  },
+};
-- 
cgit v1.2.3

