import React from 'react'
import { Form } from './Form'
import { CommentBoxProps } from './typings'
import { FormWrapper } from './styled'

class CommentBox extends React.Component<CommentBoxProps> {
  render() {
    const { className, dataQa } = this.props
    const passThroughProps = {
      className,
      'data-qa': dataQa,
    }
    return (
      <FormWrapper {...passThroughProps}>
        <Form {...this.props} />
      </FormWrapper>
    )
  }
}

export { CommentBox }
export default CommentBox