webamp/js/components/Character.js
2017-08-28 17:02:08 -07:00

20 lines
459 B
JavaScript

import React from "react";
import PropTypes from "prop-types";
export const characterClassName = char =>
`character-${char
.toString()
.toLowerCase()
.charCodeAt(0)}`;
const Character = ({ children: char, id }) => (
<div id={id} className={`character ${characterClassName(char)}`}>
{char}
</div>
);
Character.propTypes = {
children: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
};
export default Character;