webamp/js/components/Character.js
2017-09-12 20:27:43 -07:00

23 lines
521 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, className, ...passThrough }) => (
<div
{...passThrough}
className={`${className || ""} character ${characterClassName(char)}`}
>
{char}
</div>
);
Character.propTypes = {
children: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
};
export default Character;