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: '2747669b6fed4974a082995a1a1afcb6f9982ab0', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'b287188e2beb68d29a10b4a421cd2ab162d29a6d', icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'd61e4969fedf4b54e2d4ff7255ba191167ded5fe', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '2f88dfdcbc7357c1852bacd6378c4ecf95dab3f3', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '0ac143ff0c058d8fd4363174dae2c5427f68c933', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '0698e970eb212b4c2c53cf0a9ccc19c3370083c6', iconOnly: true, leadIcon: true, leadIconProps: {
                name: 'multiplication-sign',
                variant: 'stroke',
                type: 'standard',
                color: "#161616"
            }, variant: "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",
                "attribute": "title",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "description": {
                "type": "string",
                "attribute": "description",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            }
        };
    }
    static get elementRef() { return "el"; }
}
