"use client";

import { AuthLoading, Authenticated, Unauthenticated } from "convex/react";
import Home from "./Home";
import { SignIn } from "./SignIn";

const AuthRoot = () => {
  return (
    <>
      <AuthLoading>
        <div>Loading</div>
      </AuthLoading>
      <Unauthenticated>
        <SignIn />
      </Unauthenticated>
      <Authenticated>
        <Home />
      </Authenticated>
    </>
  );
};

export default AuthRoot;