From d53051f9e817e2b59178d166a06890d341747677 Mon Sep 17 00:00:00 2001
From: Mathias Polligkeit <git@woylie.de>
Date: Sat, 16 Dec 2023 14:26:53 +0900
Subject: [PATCH] add story for drawer

---
 priv/storybook/components/drawer.story.exs | 68 ++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 priv/storybook/components/drawer.story.exs

diff --git a/priv/storybook/components/drawer.story.exs b/priv/storybook/components/drawer.story.exs
new file mode 100644
index 00000000..1a2cdf52
--- /dev/null
+++ b/priv/storybook/components/drawer.story.exs
@@ -0,0 +1,68 @@
+defmodule Storybook.Components.Drawer do
+  use PhoenixStorybook.Story, :component
+
+  def function, do: &Doggo.drawer/1
+
+  def variations do
+    [
+      %Variation{
+        id: :default,
+        slots: [
+          """
+          <:brand>
+            <Phoenix.Component.link navigate="/">
+              Pet Clinic
+            </Phoenix.Component.link>
+          </:brand>
+          """,
+          """
+          <:top>
+            <Doggo.drawer_nav aria-label="Main navigation">
+              <:item>
+                <Phoenix.Component.link navigate="/dashboard">
+                  Dashboard
+                </Phoenix.Component.link>
+              </:item>
+              <:item>
+                <Doggo.drawer_nested_nav>
+                  <:title>Content</:title>
+                  <:item current_page>
+                    <Phoenix.Component.link navigate="/posts">
+                      Posts
+                    </Phoenix.Component.link>
+                  </:item>
+                  <:item>
+                    <Phoenix.Component.link navigate="/comments">
+                      Comments
+                    </Phoenix.Component.link>
+                  </:item>
+                </Doggo.drawer_nested_nav>
+              </:item>
+            </Doggo.drawer_nav>
+            <Doggo.drawer_section>
+              <:title>Search</:title>
+              <:item><input type="search" placeholder="Search" /></:item>
+            </Doggo.drawer_section>
+          </:top>
+          """,
+          """
+          <:bottom>
+            <Doggo.drawer_nav aria-label="User menu">
+              <:item>
+                <Phoenix.Component.link navigate="/settings">
+                  Settings
+                </Phoenix.Component.link>
+              </:item>
+              <:item>
+                <Phoenix.Component.link navigate="/logout">
+                  Logout
+                </Phoenix.Component.link>
+              </:item>
+            </Doggo.drawer_nav>
+          </:bottom>
+          """
+        ]
+      }
+    ]
+  end
+end