import { LogOutIcon } from "lucide-react";
import { getCurrentUser } from "@/data/auth";
import { logout } from "@/app/(auth)/actions";
import { Button } from "@/components/ui/button";

export async function SidebarUser() {
  const user = await getCurrentUser();

  return (
    <div className="flex items-center gap-2 px-2 py-1">
      <div className="min-w-0 flex-1">
        <p className="truncate text-sm font-medium">{user.name}</p>
        {user.username && (
          <p className="truncate text-xs text-muted-foreground">
            @{user.username}
          </p>
        )}
      </div>
      <form action={logout}>
        <Button type="submit" variant="ghost" size="sm">
          <LogOutIcon data-icon="inline-start" />
          Keluar
        </Button>
      </form>
    </div>
  );
}