/*!
 * KoliBri - The accessible HTML-Standard
 */
import { h } from "@stencil/core";
import { translate } from "../../../i18n";
import { bem } from "../../../schema/bem-registry";
const BEM_BLOCK_AVATAR = 'kol-avatar';
const BEM_CLASS_AVATAR__IMAGE = bem(BEM_BLOCK_AVATAR, 'image');
const BEM_CLASS_AVATAR__INITIALS = bem(BEM_BLOCK_AVATAR, 'initials');
export const AvatarFC = (props) => {
    const { color, initials, label, src } = props;
    return (h("div", { "aria-label": translate('kol-avatar-alt', { placeholders: { name: label } }), class: "kol-avatar", role: "img", style: {
            backgroundColor: color.backgroundColor,
            color: color.foregroundColor,
        } }, src ? (h("img", { alt: "", "aria-hidden": "true", class: BEM_CLASS_AVATAR__IMAGE, src: src })) : (h("span", { "aria-hidden": "true", class: BEM_CLASS_AVATAR__INITIALS }, initials))));
};
//# sourceMappingURL=component.js.map
