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

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

const AuthMobile = ({ isAuth, userName }: AuthProps) => {
  return (
    <div className="flex gap-4 p-4 text-black justify-center w-full items-center">
      {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" className="w-full" />
      )}
    </div>
  );
};

export default AuthMobile;
