import { r as registerInstance, h } from './index-D0dWnGvB.js';

const DgaAvatarUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.variant = 'neutral';
    }
    render() {
        return (h("div", { key: 'fd6ce014a75b60595921da48a5ec93a1f4d7a8ef' }, h("h1", { key: 'b7e65c5774a4fd8b4bd7c3c4ddfeadca3276fccd' }, "Avatar Example"), h("div", { key: 'cc01923d80497b104fb55629227b602ca7568ab5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '015e1f15dd620c60d11bb3b2a150322adf7cdf8a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'c95194070ccf81115b3900adfe806400710001bb', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'a760e4144a00addb295d30eb2c23194199ba6835', size: 120, border: false, square: true, sx: {
                "& .dga-avatar": {
                    borderRadius: "100px"
                }
            } }), h("dga-avatar", { key: '4fe75330d54f4dd88d6aa323364f719ed9e43127', size: 120, border: true, square: true })), h("dga-avatar", { key: 'e8df5ab6798c70aeb47e60bfcce754c78d7a19b8', type: "icon", size: 120, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '832f280ba56e534410b408efed8a19dbc3582af1', type: "icon", size: 80, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '18ac06b0175bebe107ccca8bddcd70fb88e01064', type: "icon", size: 68, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '94d9cabd86a07df17c8cf206084c2235df718848', type: "icon", size: 48, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '9c4908c0aad9984b622eb29421ad33fa7da3f46e', type: "icon", size: 40, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '5677a275fcf810c60b074e0d6c029ab5f39db80d', type: "icon", size: 32, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } }), h("dga-avatar", { key: '444f45529d107ba3d96dedf9b25d9c1b7b3b0f55', type: "icon", size: 24, icon: {
                name: 'user',
                variant: "stroke",
                type: "rounded"
            } })), h("dga-avatar-group", { key: 'cfb440f7d8d81bf5d6bffbfa1dd73eda7836ea70', stacked: true }, h("dga-avatar", { key: 'd715efd322720397b5d7bed5809df97ae6cbc393', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '2464fd5929f3b103566bd97986062a962e5f4b96', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'ce3aba5b742ce87eb0d319a393789ae598d4cfa1', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '0e68f56fadbe7494754782f5ce22320d2e36c76c', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '2f9a260518218f46dd664f6e3d4b3c95ad11e04b', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '8e586ccccf5e7aae3fbfc83686ba6ba06ebacc38', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

export { DgaAvatarUsage as dga_avatar_usage };
