From 0b96ea891d855cb8981aa6e63d95bd366aefcfb1 Mon Sep 17 00:00:00 2001
From: Nathan Young <1447339+nathanyoung@users.noreply.github.com>
Date: Tue, 2 Jan 2024 16:40:05 -0800
Subject: [PATCH] docs(Pagination): add more controls to playground (#858)

---
 .../Pagination.Playground.stories.tsx         | 26 +++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/Pagination/Pagination.Playground.stories.tsx b/src/components/Pagination/Pagination.Playground.stories.tsx
index a083ab501..819281316 100644
--- a/src/components/Pagination/Pagination.Playground.stories.tsx
+++ b/src/components/Pagination/Pagination.Playground.stories.tsx
@@ -15,10 +15,24 @@ export default {
     totalItemsCount: {
       control: 'number',
     },
+    arePagesVisible: {
+      control: 'boolean',
+    },
+    isCompact: {
+      control: 'boolean',
+    },
+    nextPageText: {
+      control: 'text',
+    },
+    prevPageText: {
+      control: 'text',
+    },
   },
 } as Meta;
 
-const Template: Story<PaginationProps> = ({ ...args }) => <Pagination {...args} />;
+const Template: Story<PaginationProps> = ({ ...args }) => (
+  <Pagination {...args} />
+);
 export const Playground = Template.bind({});
 Playground.args = {
   arePagesVisible: true,
@@ -26,6 +40,14 @@ Playground.args = {
 };
 Playground.parameters = {
   controls: {
-    include: ['activePage', 'itemsPerPage', 'totalItemsCount'],
+    include: [
+      'activePage',
+      'itemsPerPage',
+      'totalItemsCount',
+      'arePagesVisible',
+      'isCompact',
+      'nextPageText',
+      'prevPageText',
+    ],
   },
 };