import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
import { d as defineCustomElement$4 } from './p-CjYYybR1.js';
import { d as defineCustomElement$3 } from './p-Cv0O724A.js';
import { d as defineCustomElement$2 } from './p-BR5ZZuy5.js';

const NdsFloatingButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsFloatingButtonUsage extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h("div", { key: 'f5e90b9ef208879abb6719172588354377001887' }, h("dga-flex", { key: 'e06e5f5034abeeaa606c42fb252f43ca21de71c7', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'c68f5fa3a2b3aa77c0dba99de5d6ebc065a8079b', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '6f59c673d423c6ef041d3144ad6cab8513e6415d', variant: "primary-neutral", label: 'Button' }), h("nds-floating-button", { key: '2c7026eb40814c025e9f34303fe496de20df20e7', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '20dee7c7548b8cd7619bab0ec4a4425571513ed2', variant: "primary-brand", label: 'Button' }), h("nds-floating-button", { key: '73323bd0cf2b012c2a30784c8d932009f2684d8d', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign' }), h("nds-floating-button", { key: '993839cc708d41378a946177b2e835320a14ffe4', variant: "secondary-solid", label: 'Button' })), h("div", { key: '4f3535f21d47261d533fde0f6e4140ff62ca016d', style: { backgroundColor: '#074D31', padding: '20px', marginTop: '20px' } }, h("dga-flex", { key: '215fc92b60a3660ca5b40be4c07de9570652ce18', direction: "column", spacing: 16 }, h("nds-floating-button", { key: 'dc0c4d7ef1e29d5eff60d2a40be6b75f9a6ba774', variant: "primary-neutral", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: 'bb909f7f9ed06f37179a399c6c669b3c0b4f6370', variant: "primary-neutral", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'c5d622851d2f4cd3958b4dc3ff4b0dcb187a0dc0', variant: "primary-brand", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '61c96ba38567215f9e25a48ae1a4e56b3b94c29a', variant: "primary-brand", label: 'Button', inverted: true }), h("nds-floating-button", { key: 'fa028616421c77efd0c000ba2a0519f84b6ba241', variant: "secondary-solid", label: 'Button', iconOnly: true, icon: 'plus-sign', inverted: true }), h("nds-floating-button", { key: '08bc35fa4a0a88c18573e9ec6bde3d7833f556fd', variant: "secondary-solid", label: 'Button', inverted: true })))));
    }
}, [0, "nds-floating-button-usage"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["nds-floating-button-usage", "dga-flex", "dga-icon-v2", "nds-floating-button"];
    components.forEach(tagName => { switch (tagName) {
        case "nds-floating-button-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, NdsFloatingButtonUsage$1);
            }
            break;
        case "dga-flex":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-icon-v2":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "nds-floating-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const NdsFloatingButtonUsage = NdsFloatingButtonUsage$1;
const defineCustomElement = defineCustomElement$1;

export { NdsFloatingButtonUsage, defineCustomElement };
