import React from 'react'
import { ParagraphElement } from './styled'
import { DefaultProps, DefaultStates } from '../typings'

// extending interface from Label component
interface Props extends DefaultProps {}

// component states
interface States extends DefaultStates {}

class Paragraph extends React.PureComponent<Props, States> {
  static defaultProps = {
    content:
      'Hey, I am a paragraph! and I am self-contained unit of a discourse in writing dealing with a particular point or idea.',
  }

  render() {
    const { content, ...remainingProps } = this.props
    return <ParagraphElement {...this.props}>{content}</ParagraphElement>
  }
}

export { Paragraph }
export default Paragraph