import React from 'react'
import {
  Label,
  SearchBox,
  SelectBoxTeam,
  SelectBoxRole,
  BoxItem,
  Wrapper,
} from './styled'

const renderForm = () => {
  return (
    <React.Fragment>
      <SearchBox>
        <BoxItem height={40} />
      </SearchBox>

      <SelectBoxTeam>
        <Label height={14} width={80} />
        <BoxItem height={40} />
      </SelectBoxTeam>

      <SelectBoxRole>
        <Label height={14} width={80} />
        <BoxItem height={40} />
      </SelectBoxRole>
    </React.Fragment>
  )
}

class SearchUser extends React.PureComponent {
  render() {
    const children = renderForm()
    return (
      <Wrapper>
        {children}
      </Wrapper>
    )
  }
}

export { SearchUser }
export default SearchUser