import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
import { d as defineCustomElement$4 } from './p-DOYNwn5Q.js';
import { d as defineCustomElement$3 } from './p-CvWbNEV4.js';
import { d as defineCustomElement$2 } from './p-DiC-xcof.js';

const NdsAvatarUsage$1 = /*@__PURE__*/ proxyCustomElement(class NdsAvatarUsage extends H {
    constructor() {
        super();
        this.__registerHost();
        this.variant = 'neutral';
    }
    render() {
        return (h("div", { key: '38539749634d6b195e22059a1eac536c66a754d3' }, h("h1", { key: '179b021eb30fb095340bd3a89d47a0a0d75222c9' }, "Avatar Example"), h("div", { key: '47a6183091fbaec32f3c381274061ee64b7f6de3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cfd5f62b020e2247cc60dcbd53de8a148ff898a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f159ecd2e8cf0af2609a2250f05f36cc7170bd1b', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '848aabb64620b6cad1e8dc1a0b6ecb6b873f75f7', size: 120, border: false, square: true, sx: {
                "& .dga-avatar": {
                    borderRadius: "100px"
                }
            } }), h("dga-avatar", { key: '07661b3c531593e7f02037b7a60794466eddca40', size: 120, border: true, square: true })), h("dga-avatar", { key: 'ab4af79e71e0aec61389f0ae95d6d3a4123a7e9e', type: "icon", size: 120, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '1793d4b4acfcfbdb2181be48576367ff1509bab7', type: "icon", size: 80, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '5d323df8b03079812b5b3f548f52296d047cba5c', type: "icon", size: 68, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '4147d29213812358fc8e4d9d60455674d68b9fba', type: "icon", size: 48, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: 'fd9f88657dddb7b45a66a1a381f2c9a2de7a7f47', type: "icon", size: 40, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '4669654ae5616879511efede59d947096a2e38be', type: "icon", size: 32, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: 'b0e07f8bd6c2d0dcda98a853e47111cc9ea8a1ac', type: "icon", size: 24, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } })), h("dga-avatar-group", { key: '3e51f0acb209c026c4c4e1b6e49545c67be0980c', stacked: true }, h("dga-avatar", { key: '1d6ab213a59d5ff310bcdeb7403061a8b4b38bcb', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '995c018e85cd4d897bbe13ee806e32c9131ad489', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'b7e33580667f80151009f2ecd6d128f2580764c4', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'de474469557faa21772a91ded8b375cb32764043', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '0862a561ae15cc674c31c66bf2e40ab52358ea0d', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '7b927f1ec72f6f52889c6e59cd0c93ee10f669bc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
}, [0, "nds-avatar-usage", {
        "variant": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["nds-avatar-usage", "dga-avatar", "dga-avatar-group", "dga-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "nds-avatar-usage":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, NdsAvatarUsage$1);
            }
            break;
        case "dga-avatar":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "dga-avatar-group":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "dga-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const NdsAvatarUsage = NdsAvatarUsage$1;
const defineCustomElement = defineCustomElement$1;

export { NdsAvatarUsage, defineCustomElement };
