import React from 'react';
import { Chip, lighten } from '@material-ui/core';
import { AvatarAlphabet } from './AvatarAlphabet';
export const ChipAlphabet = ({ avatarCharacter, label, handleClick, avatar }) => {
    let letter = '';
    const highlight = 0.8;
    switch (avatarCharacter) {
        case 'A':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#FFB900', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'B':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#E74856', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'C':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#0078D7', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'D':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#0099BC', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'E':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#7A7574', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'F':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#0078D7', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'G':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#FF8C00', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'H':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#E81123', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'I':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#0063B1', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }) }));
            break;
        case 'J':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#2D7D9A', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'K':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#5D5A58', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'L':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#4C4A48', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'M':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#F7630C', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'N':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#EA005E', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'O':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#8E8CD8', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'P':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#00B7C3', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'Q':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#68768A', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'R':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#69797E', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'S':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#CA5010', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'T':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#C30052', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'U':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('FF4343', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'V':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#9A0089', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'W':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#10893E', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'X':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#567C73', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'Y':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#018574', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        case 'Z':
            letter = (React.createElement(Chip, { style: { backgroundColor: lighten('#881798', highlight) }, label: label, size: "small", avatar: React.createElement(AvatarAlphabet, { size: "small", avatarCharacter: avatar && avatarCharacter }), onClick: handleClick, clickable: true }));
            break;
        default:
    }
    return letter;
};
//# sourceMappingURL=ChipAlphabet.js.map