content: import React from 'react';
  
  export default class Keyboard extends React.Component {
    constructor(props) {
      super(props);
      const alpha = [`A`, `B`, `C`, `D`, `E`, `F`, `G`, `H`, `I`, `J`, `K`, `L`,
        `M`, `N`, `O`, `P`, `Q`, `R`, `S`, `T`, `U`, `V`, `W`, `X`, `Y`, `Z`];
      this.keys = alpha.map((ltr) => <div className="key" key={ltr} onClick={this.props.onClick}>{ltr}</div>);
    }
  
    render() {
      return <div className="keyboard">{this.keys}</div>;
    }
  }
  