import { space } from 'styled-system';
import { styled } from 'styled-components';
const Avatar = styled.div.withConfig({
  displayName: "Avatar",
  componentId: "sc-xitiys-0"
})(["width:36px;height:36px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;overflow:hidden;font-size:", ";user-select:none;&:before{content:\"\";position:absolute;width:100%;height:100%;border-radius:50%;background-color:transparent;background-image:url('", "');background-position:center;background-repeat:no-repeat;background-size:cover;}background-color:", ";color:", ";", ""], ({
  theme
}) => theme.space.lg, ({
  src
}) => src, ({
  theme
}) => theme.colors.primary100, ({
  theme
}) => theme.colors.white, space);
export default Avatar;