import { h } from "@stencil/core";
export class DgaSlideoutMenuHeader {
    constructor() {
        // @Prop() onClose?: () => void;
        this.handleClose = () => {
            // Find parent slideout menu
            const slideoutMenu = this.el.closest('dga-slideout-menu');
            if (slideoutMenu) {
                // Access parent's onClose
                const parentClose = slideoutMenu['onClose'];
                if (typeof parentClose === 'function') {
                    parentClose();
                }
            }
        };
    }
    render() {
        return (
        // <div class="dga-slideout-menu">
        h("div", { key: '976342457c15822fe0ed15545201d59bbdd19cfc', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '537d31f4fd120dcbccdc52fc88f93ee12c6b3544', icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'dfafea6bcdaf06262304252de8aa20b87f836a72', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '91474345bebbe4d5a10b5d072448192721cf0d08', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '431fe039751549dcbcca5326e345a9cb10c52983', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button", { key: '633d1ba6049b1e9e8261f9938588eb7ebca34bcb', iconOnly: true, leadIcon: true, leadIconType: "multiplication-sign", leadIconProps: {
                variant: 'stroke',
                type: 'standard',
                color: "#161616"
            }, variant: "des-transparent", onClick: this.handleClose }))
        // </div>
        );
    }
    static get is() { return "dga-slideout-menu-header"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["dga-slideout-menu-header.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["dga-slideout-menu-header.css"]
        };
    }
    static get properties() {
        return {
            "title": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "title",
                "reflect": false
            },
            "description": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "description",
                "reflect": false
            }
        };
    }
    static get elementRef() { return "el"; }
}
//# sourceMappingURL=dga-slideout-menu-header.js.map
