From 37808b9bacd9ec7ed3ddeef70009e019c91c14f7 Mon Sep 17 00:00:00 2001
From: gilf <gil.fink@gmail.com>
Date: Fri, 16 Dec 2022 17:13:34 +0200
Subject: [PATCH] feat(components): add tabs to daisy implementation

---
 packages/daisy/src/components/tabs/index.ts     |  0
 packages/daisy/src/components/tabs/tab.tsx      | 17 +++++++++++++++++
 packages/daisy/src/components/tabs/tabPanel.tsx |  0
 packages/daisy/src/components/tabs/tabs.tsx     | 15 +++++++++++++++
 4 files changed, 32 insertions(+)
 create mode 100644 packages/daisy/src/components/tabs/index.ts
 create mode 100644 packages/daisy/src/components/tabs/tab.tsx
 create mode 100644 packages/daisy/src/components/tabs/tabPanel.tsx
 create mode 100644 packages/daisy/src/components/tabs/tabs.tsx

diff --git a/packages/daisy/src/components/tabs/index.ts b/packages/daisy/src/components/tabs/index.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/daisy/src/components/tabs/tab.tsx b/packages/daisy/src/components/tabs/tab.tsx
new file mode 100644
index 000000000..5be58d768
--- /dev/null
+++ b/packages/daisy/src/components/tabs/tab.tsx
@@ -0,0 +1,17 @@
+import {component$, Slot} from '@builder.io/qwik';
+
+interface TabProps {
+  class?: string;
+  className?: string;
+  isActive?: boolean;
+  isLifted?: boolean;
+  isBordered?: boolean;
+}
+
+export const Tab = component$(({ isActive, isBordered, isLifted, ...props } : TabProps) => {
+  return (
+    <a class={`tab ${isActive ? 'tab-active' : ''} ${isBordered ? 'tab-bordered' : ''} ${isLifted ? 'tab-lifted' : ''}`} {...props}>
+      <Slot />
+    </a>
+  );
+});
diff --git a/packages/daisy/src/components/tabs/tabPanel.tsx b/packages/daisy/src/components/tabs/tabPanel.tsx
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/daisy/src/components/tabs/tabs.tsx b/packages/daisy/src/components/tabs/tabs.tsx
new file mode 100644
index 000000000..40b526429
--- /dev/null
+++ b/packages/daisy/src/components/tabs/tabs.tsx
@@ -0,0 +1,15 @@
+import {component$, Slot} from '@builder.io/qwik';
+
+interface TabsProps {
+  class?: string;
+  className?: string;
+  boxed?: boolean;
+}
+
+export const Tabs = component$(({ boxed = false, ...props } : TabsProps) => {
+  return (
+    <div class={`tabs ${boxed ? 'tabs-boxed' : ''}`} {...props}>
+      <Slot />
+    </div>
+  );
+});