From c5559326f686093283e2224e0806ac13eaf19d0e Mon Sep 17 00:00:00 2001
From: Joren Broekema <joren.broekema@gmail.com>
Date: Fri, 20 Aug 2021 14:45:13 +0000
Subject: [PATCH] feat: add tabs component

---
 studio.config.json    |  1 +
 tabs/doc/index.md     | 20 ++++++++++++++++++++
 tabs/index.js         |  1 +
 tabs/package.json     |  1 +
 tabs/simba-tabs.js    |  3 +++
 tabs/src/SimbaTabs.js |  3 +++
 6 files changed, 29 insertions(+)
 create mode 100644 tabs/doc/index.md
 create mode 100644 tabs/index.js
 create mode 100644 tabs/package.json
 create mode 100644 tabs/simba-tabs.js
 create mode 100644 tabs/src/SimbaTabs.js

diff --git a/studio.config.json b/studio.config.json
index 68939d5..e061467 100644
--- a/studio.config.json
+++ b/studio.config.json
@@ -31,6 +31,7 @@
           "radio-group",
           "select",
           "switch",
+          "tabs",
           "textarea",
           "tooltip",
           "validation-feedback"
diff --git a/tabs/doc/index.md b/tabs/doc/index.md
new file mode 100644
index 0000000..bbb996f
--- /dev/null
+++ b/tabs/doc/index.md
@@ -0,0 +1,20 @@
+# Tabs
+
+Tabs component
+
+```js script
+import { html } from '~/core';
+import '~/doc-styles';
+import '../simba-tabs.js';
+```
+
+```js preview-story
+export const main = () => html`
+  <simba-tabs>
+    <button slot="tab">Info</button>
+    <p slot="panel">Info page with lots of information about us.</p>
+    <button slot="tab">Work</button>
+    <p slot="panel">Work page that showcases our work.</p>
+  </simba-tabs>
+`;
+```
diff --git a/tabs/index.js b/tabs/index.js
new file mode 100644
index 0000000..43344a4
--- /dev/null
+++ b/tabs/index.js
@@ -0,0 +1 @@
+export * from './src/SimbaTabs.js';
diff --git a/tabs/package.json b/tabs/package.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/tabs/package.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/tabs/simba-tabs.js b/tabs/simba-tabs.js
new file mode 100644
index 0000000..ff99c03
--- /dev/null
+++ b/tabs/simba-tabs.js
@@ -0,0 +1,3 @@
+import { SimbaTabs } from './src/SimbaTabs.js';
+
+customElements.define('simba-tabs', SimbaTabs);
diff --git a/tabs/src/SimbaTabs.js b/tabs/src/SimbaTabs.js
new file mode 100644
index 0000000..62ad1f0
--- /dev/null
+++ b/tabs/src/SimbaTabs.js
@@ -0,0 +1,3 @@
+import { LionTabs } from '@lion/tabs';
+
+export class SimbaTabs extends LionTabs {}