// app/dashboard/users/[userId]/components/UserHeader.tsx

import React from "react";
import { Button } from "@/components/ui/button";
import { ArrowRight, RefreshCw, Trash2 } from "lucide-react";
import { useRouter } from "next/navigation";

interface UserHeaderProps {
  user: TelegramUser;
  onDelete: () => void;
  onRefresh: () => void;
}

export function UserHeader({ user, onDelete, onRefresh }: UserHeaderProps) {
  const router = useRouter();
  
  return (
    <div className="flex items-center justify-between mb-6">
      <div className="flex items-center">
        <Button
          variant="ghost"
          size="sm"
          className="ml-4"
          onClick={() => router.back()}
        >
          <ArrowRight className="h-4 w-4 ml-2" />
          بازگشت
        </Button>
        <h1 className="text-2xl font-bold">
          {user.firstName} {user.lastName}
          {user.username && <span className="text-muted-foreground mr-2">@{user.username}</span>}
        </h1>
      </div>
      <div className="flex gap-2">
        <Button
          variant="outline"
          size="sm"
          onClick={onRefresh}
        >
          <RefreshCw className="h-4 w-4 ml-2" />
          به‌روزرسانی
        </Button>
        <Button
          variant="destructive"
          size="sm"
          onClick={onDelete}
        >
          <Trash2 className="h-4 w-4 ml-2" />
          حذف کاربر
        </Button>
      </div>
    </div>
  );
}