import React from 'react'

const SearchInput = () => (
  <div className='relative text-white'>
    <span className='absolute inset-y-0 left-0 flex items-center pl-2'>
      <svg
        fill='none'
        stroke='currentColor'
        strokeLinecap='round'
        strokeLinejoin='round'
        strokeWidth='2'
        viewBox='0 0 24 24'
        className='h-6 w-6'
      >
        <path d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'></path>
      </svg>
    </span>
    <input
      className='rounded-md bg-black/70 py-2 pl-10 text-sm text-white focus:outline-none'
      placeholder='Search'
    />
  </div>
)

export default SearchInput
