import { ClickBoundary } from 'src/bootstrapper/containers/ClickBoundary'
import { CloseIcon } from 'atoms/Icons'
import { Button } from 'atoms/Button'

handleClose = () => {
  this.state.setValue('')
  this.state.handleBlur()
}
renderWhenContent = () => {
  return (
    <ClickBoundary onClickOutside={this.handleClose}>
      <Content>
        {this.renderList()}
        <GoogleLogo key="google-logo" />
        <Button onClick={this.handleClose} icon={<CloseIcon />} />
      </Content>
    </ClickBoundary>
  )
}