From 930fbd8f86b52ffec893cca584ad195397105f7d Mon Sep 17 00:00:00 2001
From: Hidetaro7 <hidetaro7@gmail.com>
Date: Thu, 9 Sep 2021 18:01:49 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20Overview=E3=82=92=E4=BD=9C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/tailwindcss/overview.js                 | 15 +++++++++++++++
 packages/tailwindcss/stories/Overview.stories.js | 16 ++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 packages/tailwindcss/overview.js
 create mode 100644 packages/tailwindcss/stories/Overview.stories.js

diff --git a/packages/tailwindcss/overview.js b/packages/tailwindcss/overview.js
new file mode 100644
index 00000000..5c3487a3
--- /dev/null
+++ b/packages/tailwindcss/overview.js
@@ -0,0 +1,15 @@
+const plugin = require("tailwindcss/plugin");
+const theme = require("./theme");
+
+module.exports = plugin.withOptions(
+  () => {
+    return ({ addComponents, theme }) => {
+      addComponents([
+        {
+          ".overview": {},
+        },
+      ]);
+    };
+  },
+  () => ({ theme })
+);
diff --git a/packages/tailwindcss/stories/Overview.stories.js b/packages/tailwindcss/stories/Overview.stories.js
new file mode 100644
index 00000000..c70d0b01
--- /dev/null
+++ b/packages/tailwindcss/stories/Overview.stories.js
@@ -0,0 +1,16 @@
+export default {
+  title: "Overview/Introduction",
+};
+
+const Template = () => {
+  return `
+    <div class="introduction prose">
+        <h1>Overview</h1>
+        <h2>Repo</h2>
+        <p>
+            <a href="https://github.com/tuqulore/tuqulore-ui/">https://github.com/tuqulore/tuqulore-ui/</a>
+        </p>
+    </div>
+    `;
+};
+export const Default = Template.bind({});