1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / chinawholesale-frontend-next / src / components / layout / includes / header /
Filename : MainHeader.tsx
back
import React, { Suspense } from 'react'
import MobileSearchForm from '@/components/layout/includes/header/MobileSearchForm'
import { AppLogo } from '@/constants/AppLogo'
import { MenuAuthComponent } from '@/components/layout/includes/header/includes/MenuAuthComponent'
import { getUsersData } from '@/__server__/generale'
import { cookies } from 'next/headers'
import { COOKIE_TOKEN } from '@/constants/token.constant'
import SpinnerButtonLoader from '@/loader/SpinnerButtonLoader'

export default async function MainHeader() {

    return (
        // eslint-disable-next-line react/jsx-filename-extension
        <div
            style={{
                padding: 0,
                background: '#fff',
                position: 'sticky',
                top: 0,
                zIndex: 1,
                width: '100%',
                display: 'flex',
                alignItems: 'center',
                border: '1px solid #eee',
            }}>
            <div className={'flex justify-between items-center w-full'}>
                <div className="!h-[60px] flex justify-center items-center lg:min-w-[256px] max-w-[256px] ">
                    <a href={'/'} className={'inline-flex'}>
                        <AppLogo height={52} />
                    </a>
                </div>
                <div
                    className="!h-[60px] hidden lg:flex justify-center items-center w-full md:w-[350px] lg:w-[450px] xl:w-[750px] 2xl:w-[1280px]">
                    <MobileSearchForm />
                </div>
                <div
                    className="shadow-lg bg-white h-[38px] flex lg:hidden justify-center items-center w-full absolute top-[60px] left-0 right-0 ">
                    <MobileSearchForm />
                </div>
                <div className={'col-span-1 hidden lg:!flex justify-end items-center gap-2 h-full min-w-[250px] mr-4'}>
                    <Suspense fallback={<SpinnerButtonLoader />}>
                        <MenuAuthComponent  />
                    </Suspense>
                </div>
            </div>
        </div>
    )
}