import React from 'react'
import { TextAreaWrap } from './styled'
import { TextAreaProps } from './typings'
import { toPlaceholder, toPassThrough, toAttributes, toWrap } from './deps'
import { defaultProps } from './fixture'

class TextArea extends React.PureComponent<TextAreaProps> {
  static defaultProps = defaultProps

  render() {
    const { Wrapper, wrapperClassName, ...remainingProps } = toAttributes(
      this.props
    )

    return (
      <Wrapper className={wrapperClassName}>
        <textarea {...remainingProps} />
      </Wrapper>
    )
  }
}

export default TextArea
export { TextArea }