webamp/js/components/Character.jsx
2017-01-17 14:52:09 -08:00

24 lines
502 B
JavaScript

import React from 'react';
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: React.PropTypes.oneOfType([
React.PropTypes.string,
React.PropTypes.number
]).isRequired
};
export default Character;
// TODO: Require that props.children be a string