import { Call } from "iconsax-react"
import React, { FC } from "react"

type Props = {
    setShow: () => void
}

export const Header: FC<Props> = ({ setShow }) => {
    return (
        <header className="flex flex-row w-full justify-between items-center mb-10 lg:mb-[60px]">
            <div className="flex flex-row gap-x-5 lg:gap-x-3 items-center">
                <img src="/svgs/header/burger-menu.svg" alt="burger menu" className="lg:hidden size-[27px]" onClick={setShow} />
                <img src="/svgs/header/person.svg" alt="person" className="size-[60px]" />
                <p className="hidden font-normal text-sm lg:block lg:text-xl">علی مصلحی</p>
            </div>
            <div className="flex flex-row gap-x-3 items-center">
                <p className="font-normal text-sm lg:text-xl">021-45597000</p>
                <Call color="#11212D" variant="Bold" className="size-[27px]" />
            </div>
        </header>
    )
}