'use client';

import React from 'react';
import { Button } from '@/components/ui/button';
import { Plus, Download } from 'lucide-react';

interface UserManagementHeaderProps {
  onAddUser: () => void;
  onExport: () => void;
}

export function UserManagementHeader({ onAddUser, onExport }: UserManagementHeaderProps) {
  return (
    <div className="flex items-center justify-between">
      <div>
        <h2 className="text-green-800">用户管理</h2>
        <p className="text-muted-foreground">平台所有用户账户的集中管理</p>
      </div>
      <div className="flex gap-2">
        <Button variant="outline" onClick={onExport}>
          <Download className="w-4 h-4 mr-2" />
          导出
        </Button>
        <Button onClick={onAddUser}>
          <Plus className="w-4 h-4 mr-2" />
          添加用户
        </Button>
      </div>
    </div>
  );
}