import React from 'react';
import { Avatar, makeStyles } from '@material-ui/core';
const useStyles = makeStyles((theme) => ({
    small: {
        width: 20,
        height: 20,
        fontSize: 14,
        marginLeft: 2
    },
    medium: {
        width: 35,
        height: 35,
        fontSize: 16,
        paddingTop: 2
    }
}));
export const AvatarAlphabet = (props) => {
    let letter = '';
    const { avatarCharacter, size } = props;
    const classes = useStyles();
    switch (avatarCharacter) {
        case 'A':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#FFB900' } }));
            break;
        case 'B':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#E74856' } }));
            break;
        case 'C':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#0078D7' } }));
            break;
        case 'D':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#0099BC' } }));
            break;
        case 'E':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#7A7574' } }));
            break;
        case 'F':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#767676' } }));
            break;
        case 'G':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#FF8C00' } }));
            break;
        case 'H':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#E81123' } }));
            break;
        case 'I':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#0063B1' } }));
            break;
        case 'J':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#2D7D9A' } }));
            break;
        case 'K':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#5D5A58' } }));
            break;
        case 'L':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#4C4A48' } }));
            break;
        case 'M':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#F7630C' } }));
            break;
        case 'N':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#EA005E' } }));
            break;
        case 'O':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#8E8CD8' } }));
            break;
        case 'P':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#00B7C3' } }));
            break;
        case 'Q':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#68768A' } }));
            break;
        case 'R':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#69797E' } }));
            break;
        case 'S':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#CA5010' } }));
            break;
        case 'T':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#C30052' } }));
            break;
        case 'U':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: 'FF4343' } }));
            break;
        case 'V':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#9A0089' } }));
            break;
        case 'W':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#10893E' } }));
            break;
        case 'X':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#567C73' } }));
            break;
        case 'Y':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#018574' } }));
            break;
        case 'Z':
            letter = (React.createElement(Avatar, { className: size === 'small' ? classes.small : classes.medium, style: { backgroundColor: '#881798' } }));
            break;
        default:
    }
    return letter;
};
//# sourceMappingURL=AvatarAlphabet.js.map