import Link from "next/link"
import MobileMenu from "../MobileMenu"
//import Menu from "../Menu"
import AutoMedSysMenu from "../AutoMedSysMenu";
export default function Header1({ scroll, isMobileMenu, handleMobileMenu, headerCls }) {
    return (
        <>
            <header id="header" className={`tra-menu3 white-scroll ${headerCls ? headerCls : ""}`}>
                <div className="header-wrapper">
                    {/* MOBILE HEADER */}
                    <div className="wsmobileheader clearfix">
                        <span className="smllogo"><img src="/images/automedsys-logo.png" alt="mobile-logo" /></span>
                        <a id="wsnavtoggle" className="wsanimated-arrow" onClick={handleMobileMenu}><span /></a>
                    </div>
                    {/* NAVIGATION MENU */}
                    <div className={`wsmainfull menu clearfix ${scroll ? "scroll" : ""}`}>
                        <div className="wsmainwp clearfix">
                            {/* HEADER BLACK LOGO */}
                            <div className="desktoplogo">
                                <Link href="/" className="logo-black">
                                    <img className="light-theme-img" src="/images/automedsys-logo.svg" alt="logo" />
                                    <img className="dark-theme-img" src="/images/automedsys-logo.svg" alt="logo" />
                                </Link>
                            </div>
                            {/* HEADER WHITE LOGO */}
                            <div className="desktoplogo">
                                <Link href="/" className="logo-white"><img src="/images/automedsys-logo.svg" alt="logo" /></Link>
                            </div>
                            {/* MAIN MENU */}
                            <nav className="wsmenu clearfix" style={{height:"100vh"}}>
                            {isMobileMenu ? <MobileMenu /> : <AutoMedSysMenu />}
                            </nav> {/* END MAIN MENU */}
                        </div>
                    </div> {/* END NAVIGATION MENU */}
                </div> {/* End header-wrapper */}
            </header>

        </>
    )
}
