"use client";

import { useAuth } from "@/hooks/useAuth";
import { User } from "lucide-react";

export function UserNav() {
  const { user } = useAuth();

  return (
    <div className="flex items-center gap-3">
      <div className="hidden text-right md:block">
        <p className="text-sm font-medium text-foreground">{user?.ownerName || "Administrador"}</p>
        <p className="text-xs text-muted-foreground">{user?.email}</p>
      </div>
      <div className="h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center border border-primary/20">
        <User className="h-5 w-5 text-primary" />
      </div>
    </div>
  );
}