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 / merek'
      />

      <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;
