import { p as proxyCustomElement, H, h } from './p-ac76a689.js';
import { s as state } from './p-6b2f1a45.js';
import { d as defineCustomElement$3 } from './p-8a2cf03b.js';
import { d as defineCustomElement$2 } from './p-424c7111.js';

const TokenComponent$1 = /*@__PURE__*/ proxyCustomElement(class TokenComponent extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        const { tokenTransaction } = state;
        const { amount, identifier, usdValue } = tokenTransaction || {};
        return (h("sign-transaction-component", { key: 'f8f05e3c1b6ad0c7c2fd94b298ed200f08bfaa8f', header: h("balance-component", { amount: amount, ticker: identifier, usdValue: usdValue, header: "You are sending" }) }));
    }
}, [0, "token-component"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["token-component", "balance-component", "sign-transaction-component"];
    components.forEach(tagName => { switch (tagName) {
        case "token-component":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, TokenComponent$1);
            }
            break;
        case "balance-component":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "sign-transaction-component":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}
defineCustomElement$1();

const TokenComponent = TokenComponent$1;
const defineCustomElement = defineCustomElement$1;

export { TokenComponent, defineCustomElement };

//# sourceMappingURL=token-component.js.map