interface PageHeaderProps {
  title: string;
  onSave?: () => void;
  showSaveButton?: boolean;
}

export function PageHeader({ title, onSave, showSaveButton = true }: PageHeaderProps) {
  return (
    <div className="flex justify-between items-center pb-2 mb-4 border-b border-gray-200">
      <h1 className="text-xl font-medium text-gray-800">{title}</h1>
      <div>
        {showSaveButton && (
          <button 
            type="button" 
            className="ant-btn ant-btn-primary"
            onClick={onSave}
          >
            <i className="ri-save-line mr-1"></i> 保存
          </button>
        )}
      </div>
    </div>
  );
}