import React from 'react'
const name = 'coral-plugin-replies'

const Content = ({body, styles}) => {
  const textbreaks = body.split('\n')
  return <div
    className={name + '-text'}
    style={styles && styles.text}>
    {
      textbreaks.map((line, i) => <span key={i} className={name+'-line'}>
        {line} <br className={name+'-linebreak'}/>
      </span>)
    }
  </div>
}

export default Content