import React from 'react'
import { StyledBaseText } from './styled'
import { TextProps } from './typings'

class Text extends React.PureComponent<TextProps> {
  static defaultProps = {
    className: '',
    content: 'Text Label',
  }

  render() {
    const { content, className, children, ...remainingProps } = this.props
    return (
      <StyledBaseText className={className} {...remainingProps}>
        {children || content}
      </StyledBaseText>
    )
  }
}

export { Text }
export default Text