UserCard

Install

npx stylesheet-ui add user-card

Usage

Feed in the current user’s details and wire onSignOut to your auth provider’s sign-out.

import { UserCard } from "@/components/ui/user-card";

export function Account({ user, signOut }) {
  return (
    <UserCard
      name={user.name}
      email={user.email}
      imageUrl={user.imageUrl}
      onSignOut={() => signOut()} // your auth provider
    />
  );
}