@progress/kendo-react-layout/card/Avatar.js

React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),a=require("prop-types"),t=require("@progress/kendo-react-common"),d=require("./interfaces/Enums.js");function c(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(e,o,l.get?l:{enumerable:!0,get:()=>r[o]})}}return e.default=r,Object.freeze(e)}const n=c(i),s=r=>{const e={type:d.avatarType.TEXT,size:"medium",rounded:"full",fillMode:"solid",themeColor:"primary",...r};return n.createElement("div",{style:e.style,className:t.classNames("k-avatar",{"k-avatar-bordered":e.border,[`k-rounded-${t.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-avatar-${t.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-avatar-${e.fillMode}`]:e.fillMode,[`k-avatar-${e.fillMode}-${e.themeColor}`]:!!(e.fillMode&&e.themeColor)},e.className)},n.createElement("span",{className:`k-avatar-${e.type}`},e.children))};s.propTypes={className:a.string,type:a.oneOf(["text","image","icon"]),size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","outline"]),themeColor:a.oneOf([null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"])};exports.Avatar=s;