From ba793e043e4d8515b1a9ea490ee2c5f92b1fd6c2 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 27 Sep 2023 15:40:16 +0200
Subject: refactor(components): rewrite Section component

* Make it compliant with ESlint rules
* Remove mandatory heading, it now depends on the consumer
* Change defaults for hasBorder and variant
---
 .../sectioned/sectioned-layout.fixtures.tsx        | 59 ++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/components/templates/sectioned/sectioned-layout.fixtures.tsx

(limited to 'src/components/templates/sectioned/sectioned-layout.fixtures.tsx')

diff --git a/src/components/templates/sectioned/sectioned-layout.fixtures.tsx b/src/components/templates/sectioned/sectioned-layout.fixtures.tsx
new file mode 100644
index 0000000..0da8e7d
--- /dev/null
+++ b/src/components/templates/sectioned/sectioned-layout.fixtures.tsx
@@ -0,0 +1,59 @@
+/* eslint-disable react/jsx-no-literals */
+import { Heading } from '../../atoms';
+import type { PageSection } from './sectioned-layout';
+
+export const sections: PageSection[] = [
+  {
+    id: 'section-1',
+    children: (
+      <>
+        <Heading level={2}>Section 1</Heading>
+        <div>
+          Qui suscipit ea et aut dicta. Quia ut dignissimos. Sapiente beatae
+          voluptatem quis et. Nemo vitae magni. Nihil iste officia est sed esse
+          molestiae doloribus. Quia temporibus nobis ea fuga quis incidunt
+          doloribus eaque.
+        </div>
+      </>
+    ),
+  },
+  {
+    id: 'section-2',
+    children: (
+      <>
+        <Heading level={2}>Section 2</Heading>
+        <div>
+          Reprehenderit aut magnam ut quos. Voluptatibus beatae et. Earum non
+          atque voluptatum illum rem distinctio repellat.
+        </div>
+      </>
+    ),
+  },
+  {
+    id: 'section-3',
+    children: (
+      <>
+        <Heading level={2}>Section 3</Heading>
+        <div>
+          Placeat rem dolores dolore illum earum officia dolore. Ut est ducimus.
+          Officia eveniet pariatur ut laboriosam voluptatibus aut doloremque
+          natus quis.
+        </div>
+      </>
+    ),
+  },
+  {
+    id: 'section-4',
+    children: (
+      <>
+        <Heading level={2}>Section 4</Heading>
+        <div>
+          Vitae facere ipsa eum sunt debitis veritatis dolorem labore qui.
+          Dolores recusandae omnis aut. Repudiandae quia neque porro in
+          blanditiis. A atque minima fugit. Totam quidem voluptas natus velit
+          at.
+        </div>
+      </>
+    ),
+  },
+];
-- 
cgit v1.2.3