/**
 * filekorolheader: 部门管理头部组件 - 页面标题和操作按钮
 * 功能：页面标题显示、添加一级部门功能
 * 路径：/central-config/user/department/components/DepartmentHeader
 * 规范：遵循crop-x/docs/开发项目规范.md，使用shadcn/ui组件，TypeScript类型安全
 */

'use client';

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

interface DepartmentHeaderProps {
  onAdd: () => void;
  onRefresh?: () => void;
  loading?: boolean;
}

export function DepartmentHeader({ onAdd }: DepartmentHeaderProps) {
  return (
    <div className="flex items-center justify-between">
      <div>
        <h2 className="text-green-800 dark:text-green-400">部门管理</h2>
        <p className="text-muted-foreground">树形结构管理企业部门信息，支持拖动排序</p>
      </div>
      <Button onClick={onAdd} className="bg-green-600 hover:bg-green-700 dark:bg-green-600 dark:hover:bg-green-700">
        <Plus className="w-4 h-4 mr-2" />
        添加一级部门
      </Button>
    </div>
  );
}