<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { Text } from 'rebass/styled-components';
import {
  colors,
  fonts,
  fontSizes,
  fontWeights } from '../../themes/baseTheme';

const StyledAvatar = styled.div`
  display: flex;
  height: 32px;
  width: 32px;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  background-color: ${colors.purpleMedium}
`;

const Initials = styled(Text)`
  font-family: ${fonts.default};
  font-size: ${fontSizes[1]}px;
  font-weight: ${fontWeights.medium};
`;

const Avatar = (props) => {
  const { label, variant, initials } = props;

  return (
    <StyledAvatar<commit_msg>[WEB-586] commented out direct background-color from Avatar2 component<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { Text } from 'rebass/styled-components';
import {
  colors,
  fonts,
  fontSizes,
  fontWeights } from '../../themes/baseTheme';

const StyledAvatar = styled.div`
  display: flex;
  height: 32px;
  width: 32px;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  `;
  // background-color: ${colors.purpleMedium}

const Initials = styled(Text)`
  font-family: ${fonts.default};
  font-size: ${fontSizes[1]}px;
  font-weight: ${fontWeights.medium};
`;

const Avatar = (props) => {
  const { label, variant, initials } = props;

  return (
    <StyledAvatar
{'fraction_non_alphanumeric': 0.1440107671601615, 'fraction_numerical': 0.014804845222072678, 'mean_word_length': 4.217543859649123, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1988760', 'n_tokens_mistral': 527, 'n_tokens_neox': 505, 'n_words': 124}