import React from 'react';
import { Input, Button } from 'antd';
import { PlusOutlined } from '@ant-design/icons';

export const TeamHeader = ({ onSearch, onAdd }) => (
  <div className="flex justify-between mb-4">
    <Input.Search
      placeholder="搜索团队"
      allowClear
      onSearch={onSearch}
      style={{ width: 200 }}
    />
    <Button type="primary" icon={<PlusOutlined />} onClick={onAdd}>
      新增团队
    </Button>
  </div>
);