/* ===================== AUTOGENERATED SOURCE IMPORT ===================== */

import GlobalStyle from "/emcJS/util/html/template/CSSTemplate.js";

const STYLE = new GlobalStyle(`
    :host {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        width: 1em;
        height: 1em;
        font-size: 1.2em;
        line-height: 1em;
        font-weight: bold;
        font-family: sans-serif;
        pointer-events: none;
    }
`);

/* ======================================================================= */

import CustomElement from "../element/CustomElement.js";
// import TPL from "./CloseSymbol.js.html" assert {type: "html"};

export default class Symbol extends CustomElement {

    constructor() {
        super();
        this.shadowRoot.innerHTML = "✖";
        STYLE.apply(this.shadowRoot);
        /* --- */
    }

}

customElements.define("emc-symbol-close", Symbol);
