portabase/src/components/wrappers/auth/login/socialAuth/socialAuthButtons/SocialAuthButton.tsx

"use client"
import {signInAction} from "@/features/auth/auth.action";
import {Button} from "@/components/ui/button";
import Image from "next/image";
import {env} from "@/env.mjs";

export type SocialAuthButtonProps = {}

export const SocialAuthButton = (props: SocialAuthButtonProps) => {
    return (
        <div className="flex flex-col gap-4 mt-5">
            {env.NEXT_PUBLIC_GOOGLE_AUTH === "true" ?
                <Button
                    onClick={(e) => {
                        e.preventDefault();
                        void signInAction("google")
                    }}
                >
                    <Image src="/google-icon.png" alt="Google OAuth" width={25} height={25}/>
                    Sign in with google
                </Button>
            :null}
        </div>
    )
}