import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$4 } from './p-b7682164.js';
import { d as defineCustomElement$3 } from './p-888b8e69.js';
import { d as defineCustomElement$2 } from './p-8dfaeb9e.js';

const DgaTabsUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaTabsUsage extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h("div", { key: '45886d0bc174528c905ff29dd3daa66df3e50edd' }, h("h1", { key: '4be6613d6ec59cd0e0540d66fababa58b85880b6' }, "Tabs Example"), h("h2", { key: 'cc333d12b27b4cec7adbfe5952ead53139c3680b' }, "Horizontal Tabs"), h("dga-tabs", { key: 'f41ce7fbf7d075477212e434faa066e65fc55817', size: "md", orientation: "vertical",
            // tabIcons: true,
            flush: false, external: true, divider: true, tabsList: [
                {
                    label: 'First Tab',
                    onClick: () => { },
                    tabIcon: "home-01",
                    iconProps: {
                        variant: "stroke",
                        type: "sharp"
                    }
                },
                {
                    label: 'Second Tab',
                    link: '#',
                    onClick: () => { },
                    tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                },
                {
                    label: 'Third Tab',
                    link: '#',
                    onClick: () => { },
                    tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                },
                {
                    label: 'Fourth Tab',
                    link: '#',
                    onClick: () => { },
                    tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                },
            ] }), h("dga-tabs", { key: '97fdc308c353877e6816c7ec3fc4509f387a916b', size: "md", orientation: "horizontal",
            // tabIcons: true,
            flush: false, external: true, divider: true, tabsList: [
                {
                    label: 'First Tab',
                    onClick: () => { },
                    tabIcon: "home-01",
                    iconProps: {
                        variant: "stroke",
                        type: "sharp"
                    }
                },
                {
                    label: 'Second Tab',
                    link: '#',
                    onClick: () => { },
                    tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                },
                {
                    label: 'Third Tab',
                    link: '#',
                    onClick: () => { },
                    tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                },
                {
                    label: 'Fourth Tab',
                    link: '#',
                    onClick: () => { },
                    tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />`,
                },
                {
                    label: 'Fifth Tab',
                    onClick: () => { },
                    tabIcon: "home-01",
                    iconProps: {
                        variant: "stroke",
                        type: "sharp"
                    }
                },
                {
                    label: 'Sixth Tab',
                    onClick: () => { },
                    tabIcon: "home-01",
                    iconProps: {
                        variant: "stroke",
                        type: "sharp"
                    }
                },
            ] }), h("h2", { key: '6824b70d98b393fdec668c6118833af097b028bb' }, "Disabled Tabs"), h("dga-tabs", { key: '1012e5d724c23de9a2500dd99e0dfdbaed8090ac', size: "md", orientation: "horizontal",
            // tabIcons={true}
            flush: false, external: true, divider: true, disabled: true, tabsList: [
                { label: 'First Tab', link: '#', tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />` },
                { label: 'Second Tab', link: '#', tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />` },
                { label: 'Third Tab', link: '#', tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />` },
                { label: 'Fourth Tab', link: '#', tabIcon: `<i class="hgi-stroke hgi-sharp hgi-home-01" style={{ fontSize: '16px' }} />` },
            ] })));
    }
}, [0, "dga-tabs-usage"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-tabs-usage", "dga-button", "dga-icon", "dga-tabs"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-tabs-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaTabsUsage$1);
            }
            break;
        case "dga-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-tabs":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaTabsUsage = DgaTabsUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaTabsUsage, defineCustomElement };

//# sourceMappingURL=dga-tabs-usage.js.map