import React from 'react'
import { DefaultProps } from '../typings'

interface Props extends DefaultProps {}

class LineBrokenText extends React.PureComponent<Props> {
  static defaultProps = {
    content: `Lorem ipsum dolor sit amet, consectetur adipiscing elit,

      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

      ut aliquip ex ea commodo consequat.`,
  }
  render() {
    const { content } = this.props
    return content.split('\n').map((l, i) => (
      <span key={i}>
        {l}
        <br />
      </span>
    ))
  }
}

export { LineBrokenText }
export default LineBrokenText