Hi all,

Im using Firebase Facebook authentication, and i currently just have the default/pre-made login/logout button. So my questions is, how can i Customise the login/logout button design, but keep all the same functionality?

I would really appreciate some help This is the code i use for the authentication part

import SwiftUI
import FBSDKLoginKit
import Firebase

struct LoginView : UIViewRepresentable {
    func makeCoordinator() -> LoginView.Coordinator {
        return LoginView.Coordinator()
    }

    func makeUIView(context: UIViewRepresentableContext<LoginView>) -> FBLoginButton {
        let button = FBLoginButton()
        button.permissions = ["email", "public_profile"]
        button.delegate = context.coordinator
        return button
    }

    func updateUIView(_ uiView: FBLoginButton, context: UIViewRepresentableContext<LoginView>) {

    }

    class Coordinator : NSObject, ObservableObject,LoginButtonDelegate{

        func loginButtonDidLogOut(_ loginButton: FBLoginButton) {
            try! Auth.auth().signOut()
            print("Did logout")           
        }

        func loginButton(_ loginButton: FBLoginButton, didCompleteWith result: LoginManagerLoginResult?, error: Error?) {

            if error != nil  {
                print((error?.localizedDescription)!)
                return
            }

            if AccessToken.current != nil {

                let credential = FacebookAuthProvider.credential(withAccessToken: AccessToken.current!.tokenString)
                Auth.auth().signIn(with: credential) {(res ,  er) in

                    if er != nil{
                        print((er?.localizedDescription)!)
                        return
                    }

                    print("SUCCES! ")
                }
            }
        }
    }
}