import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
import { g as guid } from './p-DEtoWGOc.js';
import { d as defineCustomElement$3 } from './p-bvgZEbtQ.js';
import { d as defineCustomElement$2 } from './p-DiC-xcof.js';

const DgaFeaturedIconUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaFeaturedIconUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.value = '';
    }
    render() {
        return (h("div", { key: 'b15376ec1111dfb36f25cfba601f7fc5a0290f18' }, h("h1", { key: 'bb591db58fb1a7f190cc9290269bd052be646eba' }, "Featured Icon Example"), h("div", { key: '6546ed7682748d575f39aa71c2c87db019b8df08', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'b525ff60bf3993539e6f949284d5b7c537e22338', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
            {
                size: 'sm',
                color: "brand",
                variant: "outlined"
            },
            {
                size: 'md',
                color: "brand",
                variant: "outlined"
            },
            {
                size: 'lg',
                color: "brand",
                variant: "outlined"
            },
            {
                size: 'xl',
                color: "brand",
                variant: "outlined"
            }
        ].map(({ size, color, variant }) => (h("dga-featured-icon", { key: guid(), icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: size, color: color, variant: variant })))), h("div", { key: 'b155c0855936d411ad4c0440ba9902be1b5277c3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
            {
                size: 'sm',
                color: "gray",
                variant: "outlined"
            },
            {
                size: 'md',
                color: "gray",
                variant: "outlined"
            },
            {
                size: 'lg',
                color: "gray",
                variant: "outlined"
            },
            {
                size: 'xl',
                color: "gray",
                variant: "outlined"
            }
        ].map(({ size, color, variant }) => (h("dga-featured-icon", { key: guid(), icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: size, color: color, variant: variant })))), h("div", { key: '7c30550e747e1b17c9f441c72ba7d41f8b4e29f0', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
            {
                size: 'sm',
                color: "error",
                variant: "outlined"
            },
            {
                size: 'md',
                color: "error",
                variant: "outlined"
            },
            {
                size: 'lg',
                color: "error",
                variant: "outlined"
            },
            {
                size: 'xl',
                color: "error",
                variant: "outlined"
            }
        ].map(({ size, color, variant }) => (h("dga-featured-icon", { key: guid(), icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: size, color: color, variant: variant })))), h("div", { key: 'f47a488ff7a4edb23efefd1386f12620b98e4fc4', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
            {
                size: 'sm',
                color: "warning",
                variant: "outlined"
            },
            {
                size: 'md',
                color: "warning",
                variant: "outlined"
            },
            {
                size: 'lg',
                color: "warning",
                variant: "outlined"
            },
            {
                size: 'xl',
                color: "warning",
                variant: "outlined"
            }
        ].map(({ size, color, variant }) => (h("dga-featured-icon", { key: guid(), icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: size, color: color, variant: variant })))), h("div", { key: '4e46df437b7bc1475783765bce7e370d9c299c51', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
            {
                size: 'sm',
                color: "success",
                variant: "outlined"
            },
            {
                size: 'md',
                color: "success",
                variant: "outlined"
            },
            {
                size: 'lg',
                color: "success",
                variant: "outlined"
            },
            {
                size: 'xl',
                color: "success",
                variant: "outlined"
            }
        ].map(({ size, color, variant }) => (h("dga-featured-icon", { key: guid(), icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: size, color: color, variant: variant })))), h("div", { key: 'f6bb1373ef44ffb8ca8cd5d275e563bc35c7bb5b', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
            {
                size: 'sm',
                color: "info",
                variant: "outlined"
            },
            {
                size: 'md',
                color: "info",
                variant: "outlined"
            },
            {
                size: 'lg',
                color: "info",
                variant: "outlined"
            },
            {
                size: 'xl',
                color: "info",
                variant: "outlined"
            }
        ].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 };
