From 8cac32b563a1d56bbed4572a2cd423503b295655 Mon Sep 17 00:00:00 2001
From: mfrachet <marvin.frachet@strapi.io>
Date: Fri, 10 Sep 2021 17:07:22 +0200
Subject: [PATCH] Add page template

---
 .../PageTemplate/PageTemplate.stories.mdx     | 64 +++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 packages/core/helper-plugin/lib/src/components/PageTemplate/PageTemplate.stories.mdx

diff --git a/packages/core/helper-plugin/lib/src/components/PageTemplate/PageTemplate.stories.mdx b/packages/core/helper-plugin/lib/src/components/PageTemplate/PageTemplate.stories.mdx
new file mode 100644
index 0000000000..92fa9e33bf
--- /dev/null
+++ b/packages/core/helper-plugin/lib/src/components/PageTemplate/PageTemplate.stories.mdx
@@ -0,0 +1,64 @@
+<!--- EmptyStateLayout.stories.mdx --->
+
+import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs';
+import { Main, Layout, HeaderLayout, Button, ActionLayout, ContentLayout,Box } from '@strapi/parts';
+import AddIcon from '@strapi/icons/AddIcon'
+import EditIcon from '@strapi/icons/EditIcon'
+import LoadingIndicatorPage from '../LoadingIndicatorPage';
+import NoContent from '../NoContent'
+import NoPermissions from '../NoPermissions'
+
+<Meta title="components/PageTemplate" />
+
+# PageTemplate
+
+This component is used to display an empty state.
+
+## Usage
+
+<Canvas>
+  <Story name="base">
+    {() => {
+      const canRead = false;
+      const isLoading = true;
+      const data = [];
+      return (
+        <Box background="neutral100">
+          <Layout>
+            <Main labelledBy="title" aria-busy={isLoading}>
+              <HeaderLayout
+                id="title"
+                primaryAction={<Button startIcon={<AddIcon />}>Add an entry</Button>}
+                secondaryAction={
+                  <Button variant="tertiary" startIcon={<EditIcon />}>
+                    Edit
+                  </Button>
+                }
+                title="Other CT"
+                subtitle="36 entries found"
+              />
+              <ActionLayout
+                startActions={
+                  <>
+                    <Button variant="tertiary">Search</Button>
+                    <Button variant="tertiary">Filter</Button>
+                  </>
+                }
+                endActions={
+                  <>
+                    <Button variant="tertiary">Settings</Button>
+                  </>
+                }
+              />
+              <ContentLayout>
+                {!canRead && <NoPermissions />}
+                {(data && data.length === 0) && <NoContent content="No content available" action={<Button>Add content</Button>}/>}
+                {isLoading && <LoadingIndicatorPage />}
+              </ContentLayout>
+            </Main>
+          </Layout>
+        </Box>
+      );
+    }}
+  </Story>
+</Canvas>