import React from 'react'
import { Form } from './Form'
import { SearchInputProps } from './typings'
import { Wrapper } from './styled'

class SearchInput extends React.PureComponent<SearchInputProps> {
  static defaultProps = {
    className: '',
  }

  render() {
    const { className, ...remainingProps } = this.props
    return (
      <Wrapper className={className}>
        <Form {...remainingProps} />
      </Wrapper>
    )
  }
}

export { SearchInput }
export default SearchInput