import Image from 'next/image'
import React from 'react'
import { Button } from 'react-bootstrap'

const SearchBar = () => {
  return (
    <>
      <section className='searchbar-session'>
            <div className='container'>
            <div className='row'>
                <div className='col-12'>
                      <div className='searchbar-h'>
                        <input type='text' placeholder='Search for products, brands or categories' />
                        <Button className="search-icon">
                          <span className="image-container">
                            <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/search-icon.svg" />
                          </span>
                        </Button>
                      </div>
                </div>
            </div>
            </div>
      </section>
    </>
  )
}

export default SearchBar