import { styled } from 'styleh-components'
import { Search } from 'abstractions/ShoppingList'

const StyledSearch = styled.withComponent(Search)`
  .form-wrapper{
    .search-icon {
      top: 0;
      bottom: 0;
      margin: auto;
      display: flex;
      height: auto;
      align-items: center;
      justify-content: center;
      svg {
        cursor: pointer;
      }
    }
  }
`

export { StyledSearch }