import { Button } from '~/components/ui/Button';
interface ActionButtonsProps {
  onSave?: () => void;
  onSaveDraft?: () => void;
  isEditMode?: boolean;
}

export function ActionButtons({ onSave, onSaveDraft, isEditMode }: 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> {isEditMode ? '保存修改' : '保存'}
      </button>
      <button 
        type="button" 
        className="ant-btn ant-btn-default min-w-[120px] !hidden"
        onClick={onSaveDraft}
      >
        <i className="ri-draft-line mr-1"></i> {isEditMode ? '另存为草稿' : '保存草稿'}
      </button>
      <Button 
        type="default" 
        className="min-w-[120px] focus:!ring-gray-300"
        onClick={() => window.history.back()}
        icon="ri-arrow-left-line"
      >
        返回
      </Button>
    </div>
  );
} 