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 { Wrap, ...remainingProps } = toAttributes(this.props)

    return (
      <Wrap>
        <textarea {...remainingProps} />
      </Wrap>
    )
  }
}

export default TextArea
export { TextArea }