import { h } from "@stencil/core";
export class DgaSecondNavHeaderUsage {
    constructor() {
        this.activeStep = 1;
    }
    render() {
        return (h("div", { key: 'f5e3183a3e85fb5738419aaba6ec30750266b940', style: {
                display: "flex",
                flexDirection: "column",
                gap: "20px"
            } }, h("dga-second-nav-header", { key: 'e87c8713310af58b72f4401ca2f6801412d0e019' }, h("dga-second-nav-header-actions", { key: 'd9616f5a9432d66d8139372a574d56ba53ef18c6' }, h("dga-button", { key: 'b8c7a0d73bb1e05eb035df824533f0ddaae9b05a', label: 'Button', variant: "transparent", iconType: 'mic-01', size: 'sm', iconOnly: true, iconProps: {
                type: 'rounded',
                variant: 'stroke',
                color: '#FFFFFF'
            } }), h("dga-button", { key: 'fe7fb97cbb62352a02ac5c1967b15d6583ed2490', label: 'Button', variant: "transparent", iconType: 'zoom-in-area', size: 'sm', iconOnly: true, iconProps: {
                type: 'rounded',
                variant: 'stroke',
                color: '#FFFFFF'
            } }), h("dga-button", { key: '11e15690e3975c1c31b6274f6553266f8eec82dc', label: 'Button', variant: "transparent", iconType: 'zoom-out-area', size: 'sm', iconOnly: true, iconProps: {
                type: 'rounded',
                variant: 'stroke',
                color: '#FFFFFF'
            } }), h("dga-button", { key: 'b173d249969965e2148370a25c9544b403bc3b35', label: 'Button', variant: "transparent", iconType: 'view', size: 'sm', iconOnly: true, iconProps: {
                type: 'rounded',
                variant: 'stroke',
                color: '#FFFFFF'
            } })), h("dga-second-nav-header-content", { key: '178b53bca938084a6f762d0f59b7ab1546b03e22' }, h("dga-second-nav-header-item", { key: '8218d734ed52ddbb4c79a5e57a3876d8dde1fa9d', label: 'Cloudy' }, h("dga-icon", { key: 'c7eaabbd1977ee40f036cee51f202c24325ada47', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '590bd10cb86db1005ed76de7d6ef3511858d9892', label: '21 Jan 2024' }, h("dga-icon", { key: '5ca6a117a76ea75d82f3b8f3921cbf2bcad4cc52', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '57497b051362deadce939573f497bc5dd358778d', variant: "gray" }, h("dga-second-nav-header-actions", { key: '315a1f11c61c1316a6bf9427dd9053c545b8ddde' }, h("dga-button", { key: 'e038f640b003d0f9c1e12245c42bdfa5014b377f', label: 'Button', variant: "transparent", iconType: 'mic-01', size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '5f9facee8343fccc72126059de67e890c68654a8' }, h("dga-second-nav-header-item", { key: 'c2079c619da2b45bd246480920b884e8f0143be4', label: 'Cloudy' }, h("dga-icon", { key: 'a9b68ac4ee22d56186b161f3882010490ff625f0', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '05cbb8e385fb14de9f69fcd2a22b6d2548699ce4', label: '21 Jan 2024' }, h("dga-icon", { key: 'c6aa36f09ab6ee8a3517802cec023f4f73cbba14', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '62d3b53dd52eebdc62153c2280985fa48e2e44a6', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '77417edfc37bae56b4c96e279f143d144c845409', collapsed: true }, h("dga-nav-header-logos", { key: '4d0ed16e38e3840b709ddd5643f2b818a6a57c7d', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '6444e6404917259f7d1b8a4b6be5d1d5857f4740' }, h("dga-nav-header-link", { key: '027f32b3d2e18f33560ccbc3270eadec94224730', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "Brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'ba4080d5b2051f1891f6508fa7726a7b420b80e3', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "Brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'e9f1f8fa632c47362c7107f50fc2198531a0693a', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "Brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '29eb49ec97c08e7b4972bd5da5587c042615fae3', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "Brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: 'def15f121262c336990ca7a41de50809c6f4c51f' }, h("dga-header-action-btn", { key: 'b58705e55731755467925797539a0dfbc55c4dde', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: 'a706664295065b45f63f0c033d12b069a6642597', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '8796d5629469831f542192e840e5f27c089d86eb', label: "Login", icon: "user" })))));
    }
    static get is() { return "dga-second-nav-header-usage"; }
    static get states() {
        return {
            "activeStep": {}
        };
    }
}
//# sourceMappingURL=dga-second-nav-header-usage.js.map
