import { h } from "@stencil/core";
import { guid } from "../../utils";
export class DgaFeaturedIconUsage {
    constructor() {
        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 })))))));
    }
    static get is() { return "dga-featured-icon-usage"; }
    static get states() {
        return {
            "value": {}
        };
    }
}
//# sourceMappingURL=dga-featured-icon-usage.js.map
