/*!
 * Built by ShiftSoftware
 * Copyright (c)
 */
import { h } from "@stencil/core";
import cn from "../../global/lib/cn";
export class ShiftTabs {
    render() {
        return (h("div", { key: 'da3e7ae7d80e90f26f207e04a4a947fc2f3f5d1f', class: this.containerClasses }, h("div", { key: 'b408d2606342799c39eeb33886ac387522f03ec1', class: cn('border-b relative flex mb-[6px] ps-[12px] gap-[4px]', this.tabClasses) }, this.tabs.map((label, idx) => (h("button", { key: label + idx, onClick: () => !(this.activeTabIndex === idx || this.activeTabLabel === label) && this.changeActiveTab({ label, idx }), class: cn('px-[16px] cursor-pointer after:w-full py-[6px] after:h-[1px] after:left-0 after:bottom-0 after:absolute after:bg-white after:opacity-0 after:translate-y-full after:z-10 after:duration-500 after:transition text-[17px] relative transition-colors !border-b-0 duration-500 font-medium text-black bg-[#f6f6f6] border border-gray-200 rounded-t-[4px] focus:outline-none', {
                'bg-white cursor-default after:opacity-100': this.activeTabIndex === idx || this.activeTabLabel === label,
            }) }, label)))), h("flexible-container", { key: '7eafeee78ac92b971e83075ac811b48b0aa2c8da' }, h("slot", { key: '3b984c9a348880c675a7f73020bc1d7848cf799f' }))));
    }
    static get is() { return "shift-tabs"; }
    static get originalStyleUrls() {
        return {
            "$": ["shift-tabs.css"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["shift-tabs.css"]
        };
    }
    static get properties() {
        return {
            "tabs": {
                "type": "unknown",
                "attribute": "tabs",
                "mutable": false,
                "complexType": {
                    "original": "string[]",
                    "resolved": "string[]",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false
            },
            "tabClasses": {
                "type": "string",
                "attribute": "tab-classes",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "activeTabIndex": {
                "type": "number",
                "attribute": "active-tab-index",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "activeTabLabel": {
                "type": "string",
                "attribute": "active-tab-label",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "containerClasses": {
                "type": "string",
                "attribute": "container-classes",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "changeActiveTab": {
                "type": "unknown",
                "attribute": "change-active-tab",
                "mutable": false,
                "complexType": {
                    "original": "(activeStatus: { label: string; idx: number }) => void",
                    "resolved": "(activeStatus: { label: string; idx: number; }) => void",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false
            }
        };
    }
}
