'use client';

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

interface MessageTemplateHeaderProps {
  onExport: () => void;
  onAdd: () => void;
}

export function MessageTemplateHeader({ onExport, onAdd }: MessageTemplateHeaderProps) {
  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={onAdd}>
          <Plus className="w-4 h-4 mr-2" />
          新增模版
        </Button>
      </div>
    </div>
  );
}