import React from 'react'
import { fromIshToString } from 'exotic'
import { ButtonProps } from './typings'
import { StyledNewButton } from './styled'

class Button extends React.PureComponent<ButtonProps> {
  static defaultProps = {
    className: '',
    text: 'Text'
  }

  render() {
    const { text } = this.props
    const validText = fromIshToString(text) || 'Text'
    return <StyledNewButton text={validText} />
  }
}

export { Button }
export default Button