@bothub-chat/ui/dist/components/avatar/styled.js

Bothub UI Components

import{styled as e,css as i}from"styled-components";import{Skeleton as t}from"../skeleton/index.js";const a=e.span.withConfig({displayName:"styled__AvatarStyled",componentId:"sc-lcaus1-0"})(["display:inline-flex;flex-shrink:0;width:","px;height:","px;overflow:hidden;",""],(({$size:e})=>e),(({$size:e})=>e),(({$children:e})=>!e&&i`
      border-radius: 50%;
    `)),n=e.object.attrs({type:"image/jpeg"}).withConfig({displayName:"styled__AvatarObject",componentId:"sc-lcaus1-1"})(["display:inline-flex;width:inherit;height:inherit;"]),l=e(t).attrs({variant:"circular",width:40,height:40}).withConfig({displayName:"styled__AvatarSkeleton",componentId:"sc-lcaus1-2"})([""]),o=e.div.withConfig({displayName:"styled__AvatarBg",componentId:"sc-lcaus1-3"})(["display:inline-flex;overflow:hidden;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background-color:",";",""],(({theme:e})=>"light"===e.mode?e.colors.grayScale.gray1:e.colors.grayScale.gray3),(({$size:e})=>i`
    width: ${e}px;
    height: ${e}px;
  `));export{o as AvatarBg,n as AvatarObject,l as AvatarSkeleton,a as AvatarStyled};