import Button from "../../Button";

interface AuthProps {
  isAuth: boolean;
  userName: string;
}

const AuthDesktop = ({ isAuth, userName }: AuthProps) => {
  return (
    <div className="flex gap-4 py-2 pr-6 text-black col-span-2 justify-end">
      {isAuth ? (
        <>
          <p>{userName}</p>
          <div className="rounded-full w-10 h-10 bg-[#E2E2DC] overflow-clip">
            {/* <img src="" alt="avatar" className="bg-[#E2E2DC]" /> */}
          </div>
        </>
      ) : (
        <Button buttonType="cta" text="Login" />
      )}
    </div>
  );
};

export default AuthDesktop;
