@wener/console
Version:
Base console UI toolkit
63 lines (62 loc) • 2.74 kB
JavaScript
import React from "react";
import { DaisyTabs } from "./DaisyTabs.js";
// Simple test component to verify Composite functionality
export function TestDaisyTabsComposite() {
var tabs = [
{
key: "tab1",
label: "Home",
icon: function () {
return /*#__PURE__*/ React.createElement("span", null, "\uD83C\uDFE0");
},
content: /*#__PURE__*/ React.createElement("div", {
className: "p-4"
}, "Welcome home!")
},
{
key: "tab2",
label: "Settings",
content: /*#__PURE__*/ React.createElement("div", {
className: "p-4"
}, "Configure settings")
}
];
return /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("h2", null, "DaisyTabs Composite Test"), /*#__PURE__*/ React.createElement("div", {
className: "mb-8"
}, /*#__PURE__*/ React.createElement("h3", null, "Basic Composite"), /*#__PURE__*/ React.createElement(DaisyTabs.Composite, {
defaultValue: "tab1",
tabs: tabs
})), /*#__PURE__*/ React.createElement("div", {
className: "mb-8"
}, /*#__PURE__*/ React.createElement("h3", null, "Boxed Variant"), /*#__PURE__*/ React.createElement(DaisyTabs.Composite, {
defaultValue: "tab1",
variant: "boxed",
tabs: tabs
})), /*#__PURE__*/ React.createElement("div", {
className: "mb-8"
}, /*#__PURE__*/ React.createElement("h3", null, "Lifted with Title and Action"), /*#__PURE__*/ React.createElement(DaisyTabs.Composite, {
defaultValue: "tab1",
variant: "lifted",
title: "Dashboard",
action: /*#__PURE__*/ React.createElement("button", {
className: "btn btn-sm"
}, "Action"),
tabs: tabs
})), /*#__PURE__*/ React.createElement("div", {
className: "mb-8"
}, /*#__PURE__*/ React.createElement("h3", null, "Manual Composition (Traditional)"), /*#__PURE__*/ React.createElement(DaisyTabs.Root, {
defaultValue: "manual1"
}, /*#__PURE__*/ React.createElement(DaisyTabs.List, null, /*#__PURE__*/ React.createElement(DaisyTabs.Tab, {
value: "manual1"
}, "Manual Tab 1"), /*#__PURE__*/ React.createElement(DaisyTabs.Tab, {
value: "manual2"
}, "Manual Tab 2")), /*#__PURE__*/ React.createElement(DaisyTabs.Panel, {
value: "manual1"
}, /*#__PURE__*/ React.createElement("div", {
className: "p-4"
}, "Manual content 1")), /*#__PURE__*/ React.createElement(DaisyTabs.Panel, {
value: "manual2"
}, /*#__PURE__*/ React.createElement("div", {
className: "p-4"
}, "Manual content 2")))));
}