import { Button } from '@/components/ui/button';
import React from 'react';

interface CancelSubmitButtonProps {
  onCancel?: () => void;
  onSubmit?: () => void;
  cancelText?: string;
  submitText?: string;
  submitButtonType?: 'button' | 'submit';
  loading?: boolean;
  className?: string;
}

export const CancelSubmitButton: React.FC<CancelSubmitButtonProps> = ({
  onCancel,
  onSubmit,
  cancelText = 'Cancel',
  submitText = 'Add',
  submitButtonType = 'submit',
  loading = false,
  className = '',
}) => {
  return (
    <div
      className={`modal-footer flex justify-end items-end footer-modal text-right gap-2 m-0 pr-4 p-2 ${className}`}
    >
      <Button
        type="button"
        className="m-0 filter-search-btn tracking-wider w-40 primary-button"
        onClick={onCancel}
        disabled={loading}
      >
        {cancelText}
      </Button>
      <Button
        type={submitButtonType}
        className="m-0 filter-search-btn tracking-wider w-40 primary-button"
        onClick={onSubmit}
      >
        {submitText}
      </Button>
    </div>
  );
};