'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-a0b63bee.js');
const index$1 = require('./index-ef15ef00.js');

const DgaFeaturedIconUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.value = '';
    }
    render() {
        return (index.h("div", { key: '96b5574758b3fff73cc71d2298d311f24a8c75fe' }, index.h("h1", { key: 'a0eb016df888738a6783608ee2582453d063ea5f' }, "Featured Icon Example"), index.h("div", { key: 'e655c5e374235885d3f641396e08785ca03ca5fc', style: { padding: '50px' } }, index.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 }) => (index.h("dga-featured-icon", { key: index$1.guid(), icon: {
                name: 'add-circle',
                variant: 'stroke',
                type: 'standard',
            }, size: size, color: color, variant: variant })))))));
    }
};

exports.dga_featured_icon_usage = DgaFeaturedIconUsage;

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