import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { d as defineCustomElement$3 } from './p-888b8e69.js';
import { d as defineCustomElement$2 } from './p-77e10aef.js';

const DgaButtonUsage = /*@__PURE__*/ proxyCustomElement(class DgaButtonUsage extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h("div", { key: '41427a54bd5ee9ae819d713168b7037c949cf206', style: {
                margin: "10px"
            } }, h("floating-button", { key: '9c46ee4a9fe93e333479ecfeafa1d054008b0152', variant: "secondary-solid" }), h("div", { key: '869c7440ae68a807bf23c2d796643f41e7734970', style: {
                marginTop: "10px",
            } }, h("floating-button", { key: '68c75cd403dd58134bea29a568ed8c909b08124b', variant: "primary-neutral", iconOnly: true }))));
    }
}, [0, "dga-floating-button-usage"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-floating-button-usage", "dga-icon", "floating-button"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-floating-button-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaButtonUsage);
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "floating-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaFloatingButtonUsage = DgaButtonUsage;
const defineCustomElement = defineCustomElement$1;

export { DgaFloatingButtonUsage, defineCustomElement };

//# sourceMappingURL=dga-floating-button-usage.js.map