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

interface Props extends DefaultProps {}

class LineBrokenText extends React.PureComponent<Props> {
  // @note this data is taken out because we do not use it
  // 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