import React from 'react';

interface ActionButtonsProps {
  onSave?: () => void;
  onSaveDraft?: () => void;
}

export function ActionButtons({ onSave, onSaveDraft }: ActionButtonsProps) {
  return (
    <div className="flex justify-center space-x-4 mt-8 mb-4">
      <button 
        type="button" 
        className="ant-btn ant-btn-primary min-w-[120px]"
        onClick={onSave}
      >
        <i className="ri-save-line mr-1"></i> 保存
      </button>
      <button 
        type="button" 
        className="ant-btn ant-btn-default min-w-[120px]"
        onClick={onSaveDraft}
      >
        <i className="ri-draft-line mr-1"></i> 保存草稿
      </button>
      <button 
        type="button" 
        className="ant-btn ant-btn-default min-w-[120px]"
        onClick={() => window.history.back()}
      >
        <i className="ri-arrow-left-line mr-1"></i> 返回
      </button>
    </div>
  );
}