From 87384ad4a87550192452a3ba1c903c77c77f1298 Mon Sep 17 00:00:00 2001
From: Andrew Hosgood <andrew.hosgood@nationalarchives.gov.uk>
Date: Fri, 22 Sep 2023 17:32:36 +0100
Subject: [PATCH] Add landmarkLabel to pagination stories

---
 .../pagination/pagination.stories.js          |   1 +
 .../colour-schemes/colour-schemes.stories.js  | 210 +-----------------
 2 files changed, 5 insertions(+), 206 deletions(-)

diff --git a/src/nationalarchives/components/pagination/pagination.stories.js b/src/nationalarchives/components/pagination/pagination.stories.js
index 6f168ce9..da9db06c 100644
--- a/src/nationalarchives/components/pagination/pagination.stories.js
+++ b/src/nationalarchives/components/pagination/pagination.stories.js
@@ -2,6 +2,7 @@ import Pagination from "./template.njk";
 import macroOptions from "./macro-options.json";
 
 const argTypes = {
+  landmarkLabel: { control: "text" },
   previous: { control: "object" },
   items: { control: "object" },
   next: { control: "object" },
diff --git a/src/nationalarchives/stories/utilities/colour-schemes/colour-schemes.stories.js b/src/nationalarchives/stories/utilities/colour-schemes/colour-schemes.stories.js
index b543ec7b..1bbe1bdf 100644
--- a/src/nationalarchives/stories/utilities/colour-schemes/colour-schemes.stories.js
+++ b/src/nationalarchives/stories/utilities/colour-schemes/colour-schemes.stories.js
@@ -590,6 +590,7 @@ const Template = ({ theme, accent }) => {
           <div class="tna-column tna-column--full">
             ${Pagination({
               params: {
+                landmarkLabel: "My dogs 1 results",
                 previous: {
                   href: "#",
                 },
@@ -671,6 +672,7 @@ const Template = ({ theme, accent }) => {
           <div class="tna-column tna-column--full">
             ${Pagination({
               params: {
+                landmarkLabel: "My dogs 2 results",
                 previous: {
                   href: "#",
                 },
@@ -752,6 +754,7 @@ const Template = ({ theme, accent }) => {
           <div class="tna-column tna-column--full">
             ${Pagination({
               params: {
+                landmarkLabel: "My dogs 3 results",
                 previous: {
                   href: "#",
                 },
@@ -833,6 +836,7 @@ const Template = ({ theme, accent }) => {
           <div class="tna-column tna-column--full">
             ${Pagination({
               params: {
+                landmarkLabel: "My dogs 4 results",
                 previous: {
                   href: "#",
                 },
@@ -879,212 +883,6 @@ const Template = ({ theme, accent }) => {
           </div>
         </div>
       </div>
-      <!--
-      <div class="tna-section">
-        <div class="tna-container">
-          <div class="tna-column tna-column--full">
-            ${Pagination({
-              params: {
-                previous: {
-                  href: "#",
-                },
-                items: [
-                  {
-                    number: 1,
-                    href: "#",
-                  },
-                  {
-                    ellipsis: true,
-                  },
-                  {
-                    number: 6,
-                    href: "#",
-                  },
-                  {
-                    number: 7,
-                    current: true,
-                    href: "#",
-                  },
-                  {
-                    number: 8,
-                    href: "#",
-                  },
-                  {
-                    ellipsis: true,
-                  },
-                  {
-                    number: 42,
-                    href: "#",
-                  },
-                ],
-                next: {
-                  href: "#",
-                },
-                classes: "tna-pagination--demo",
-              },
-            })}
-            <div class="tna-button-group">
-              <a href="#" class="tna-button" role="button">Primary button</a>
-              <a href="#" class="tna-button tna-button--accent" role="button">Accent button</a>
-              <a href="" class="tna-button tna-button--plain" role="button">Plain button</a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="tna-section tna-background--contrast">
-        <div class="tna-container">
-          <div class="tna-column tna-column--full">
-            ${Pagination({
-              params: {
-                previous: {
-                  href: "#",
-                },
-                items: [
-                  {
-                    number: 1,
-                    href: "#",
-                  },
-                  {
-                    ellipsis: true,
-                  },
-                  {
-                    number: 6,
-                    href: "#",
-                  },
-                  {
-                    number: 7,
-                    current: true,
-                    href: "#",
-                  },
-                  {
-                    number: 8,
-                    href: "#",
-                  },
-                  {
-                    ellipsis: true,
-                  },
-                  {
-                    number: 42,
-                    href: "#",
-                  },
-                ],
-                next: {
-                  href: "#",
-                },
-                classes: "tna-pagination--demo",
-              },
-            })}
-            <div class="tna-button-group">
-              <a href="#" class="tna-button" role="button">Primary button</a>
-              <a href="#" class="tna-button tna-button--accent" role="button">Accent button</a>
-              <a href="" class="tna-button tna-button--plain" role="button">Plain button</a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="tna-section tna-background--accent-light">
-        <div class="tna-container">
-          <div class="tna-column tna-column--full">
-            ${Pagination({
-              params: {
-                previous: {
-                  href: "#",
-                },
-                items: [
-                  {
-                    number: 1,
-                    href: "#",
-                  },
-                  {
-                    ellipsis: true,
-                  },
-                  {
-                    number: 6,
-                    href: "#",
-                  },
-                  {
-                    number: 7,
-                    current: true,
-                    href: "#",
-                  },
-                  {
-                    number: 8,
-                    href: "#",
-                  },
-                  {
-                    ellipsis: true,
-                  },
-                  {
-                    number: 42,
-                    href: "#",
-                  },
-                ],
-                next: {
-                  href: "#",
-                },
-                classes: "tna-pagination--demo",
-              },
-            })}
-            <div class="tna-button-group">
-              <a href="#" class="tna-button" role="button">Primary button</a>
-              <a href="#" class="tna-button tna-button--accent" role="button">Accent button</a>
-              <a href="" class="tna-button tna-button--plain" role="button">Plain button</a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="tna-section tna-background--accent">
-        <div class="tna-container">
-          <div class="tna-column tna-column--full">
-            ${Pagination({
-              params: {
-                previous: {
-                  href: "#",
-                },
-                items: [
-                  {
-                    number: 1,
-                    href: "#",
-                  },
-                  {
-                    ellipsis: true,
-                  },
-                  {
-                    number: 6,
-                    href: "#",
-                  },
-                  {
-                    number: 7,
-                    current: true,
-                    href: "#",
-                  },
-                  {
-                    number: 8,
-                    href: "#",
-                  },
-                  {
-                    ellipsis: true,
-                  },
-                  {
-                    number: 42,
-                    href: "#",
-                  },
-                ],
-                next: {
-                  href: "#",
-                },
-                classes: "tna-pagination--demo",
-              },
-            })}
-            <div class="tna-button-group">
-              <a href="#" class="tna-button" role="button">Primary button</a>
-              <a href="#" class="tna-button tna-button--accent" role="button">Accent button</a>
-              <a href="" class="tna-button tna-button--plain" role="button">Plain button</a>
-            </div>
-          </div>
-        </div>
-      </div>
-      -->
     </main>
     ${Footer({
       params: {