import Link from "next/link";
import Pincode from "./location/Pincode";

import Logo from "./logo/Logo";
import NavMenu from "./navMenu/NavManu";
import styles from "./navMenu/navMenu.module.scss";
import cx from "classnames";
import Marquee from "react-fast-marquee";
import React, { FC } from "react";

const Header:FC<any>= (props) => {
  return (
    <>
    <div className={cx(styles.contactUsEmailTotal)}>For any query, email us at <span className={styles.contactUsEmail}><a href="mailto:contact@indispare.com">contact@indispare.com</a></span> or call us on  <span className={styles.contactUsEmail}>+91 8977028189</span></div>
      {/* <Marquee style={{fontSize:"16px",fontWeight:"800",color:"#f4475f"}}> Website Under Construction!</Marquee> */}
      <div className={cx("flex flex-row items-center mb-2", styles.tabHeader)}>
        
        <Link href={"/"} passHref>
          <a>
            <Logo />
          </a>
        </Link>
        <Pincode  page="home" stateArray={props?.stateArray}/>
        <NavMenu stateArray={props?.stateArray}/>
      </div>
    </>
  );
};

export default Header;