feat(components): add tabs to daisy implementation

Author: gilf

packages/daisy/src/components/tabs/index.ts

@@ -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>
+  );
+});

packages/daisy/src/components/tabs/tab.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>
+  );
+});