import React from 'react';

import { Avatar as MuiVatar } from '@mui/material';

import { AvatarBaseProps } from '../interfaces';
import { styled } from '@mui/material/styles';

const AvatarStyled = styled(MuiVatar)({
  textTransform: 'none',
  color: 'currentcolor',
});

export const Avatar: React.FC<AvatarBaseProps> = ({ src, ...props }) => {
  return (
    <AvatarStyled src={src} {...props} />
  );
};