import { p as proxyCustomElement, H, h } from './p-604af0ee.js';
import { g as guid } from './p-97e3e910.js';
import { d as defineCustomElement$3 } from './p-1c76e783.js';
import { d as defineCustomElement$2 } from './p-888b8e69.js';

const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeaturedIconUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.value = '';
    }
    render() {
        return (h("div", { key: '96b5574758b3fff73cc71d2298d311f24a8c75fe' }, h("h1", { key: 'a0eb016df888738a6783608ee2582453d063ea5f' }, "Featured Icon Example"), h("div", { key: 'e655c5e374235885d3f641396e08785ca03ca5fc', style: { padding: '50px' } }, h("div", { key: 'c33a40db5841e7b61c7dfd50c6be2d32cc2854ba', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
            {
                size: 'sm',
                color: "brand",
                variant: "dark"
            },
            {
                size: 'md',
                color: "brand",
                variant: "dark"
            },
            {
                size: 'lg',
                color: "brand",
                variant: "dark"
            },
            {
                size: 'xl',
                color: "brand",
                variant: "dark"
            },
        ].map(({ size, color, variant }) => (h("dga-featured-icon", { key: guid(), icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: size, color: color, variant: variant })))))));
    }
}, [0, "dga-featured-icon-usage", {
        "value": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["dga-featured-icon-usage", "dga-featured-icon", "dga-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "dga-featured-icon-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, DgaFeaturedIconUsage$1);
            }
            break;
        case "dga-featured-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DgaFeaturedIconUsage = DgaFeaturedIconUsage$1;
const defineCustomElement = defineCustomElement$1;

export { DgaFeaturedIconUsage, defineCustomElement };

//# sourceMappingURL=dga-featured-icon-usage.js.map