import Icons from "./Icons"
import MenuProfile from "./MenuProfile"
import Search from "./Search"

function Header({ disableProfile, data }) {
    return (
        <div
            className='
                h-[90px] top-0 right-0 sticky border-0 border-b border-[#EFEFEF] bg-[#FFF]
                flex items-center justify-between pr-[16px] pl-[18px] z-20 gap-[56px]
            '
        >
            <Search />
            <div className="flex items-center justify-end gap-[40px] min-w-fit">
                <Icons />
                {!disableProfile && (
                    <MenuProfile data={data} />
                )}
            </div>
        </div>
    )
}

export default Header