'use strict';

var index = require('./index-DSiE2De_.js');

const DgaTabsUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h("div", { key: '2cf79574c54cc99ca7fc70281e5864e06258170b' }, index.h("h1", { key: '548ca2c63fa8d33a232d335572c4b780de4dba9f' }, "Tabs Example"), index.h("h2", { key: '4f6cfa8538b6ab5b417fa005aaa0eed58145d0d2' }, "Horizontal Tabs"), index.h("dga-tabs", { key: 'bc7b6b7354c5ad70368ff7476bc5d90b9dcb6a9c', 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' }} />`,
                },
            ] }), index.h("dga-tabs", { key: '65c5db3deb971962c36feab16fab9cf00d56958e', 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"
                    }
                },
            ] }), index.h("h2", { key: '6d48774f3c5c4afbc2a9256ae886b7156b1bfa0b' }, "Disabled Tabs"), index.h("dga-tabs", { key: '68fe21096c7a56c0448913dc30dfb2a84b206644', 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' }} />` },
            ] })));
    }
};

exports.dga_tabs_usage = DgaTabsUsage;
