import { MagnifyingGlassIcon } from '@heroicons/react/24/outline'

const SearchBar = () => {
  return (
    <form className="flex-1 flex items-center">
      <input
        type="text"
        className="form-input p-3 rounded-r-none border-r-0 border-gray-300 focus:border-gray-300"
        placeholder="Ketik nama / part number / merk"
      />

      <button
        type="submit"
        className="rounded-r border border-l-0 border-gray-300 px-2 py-2.5"
      >
        <MagnifyingGlassIcon className='w-6' />
      </button>

    </form>
  )
}

export default SearchBar