webamp/js/CharacterString.jsx

import React from 'react';
import Character from './Character.jsx';

module.exports = (props) => {
  const text = '' + props.children;
  const chars = text.split('');
  return <div {...props}>
    {chars.map(character => {
      return <Character>{character}</Character>;
    })};
  </div>;
};

// TODO: Require that props.children be a string