import React from 'react';
import RoundedButton from './RoundedButton';

export interface ModalProps {
  cancelClick?: () => void;
  confirmClick: () => void;
  text: string;
  confirmText?: string;
  icon?: JSX.Element;
}

const Modal: React.FC<ModalProps> = ({ cancelClick, confirmClick }) => {
  return (
    <div className="modal confirmation">
      <div className="box main">
        <div className="content">modal content</div>
        <div className="box child">
          {cancelClick && (
            <RoundedButton title="Cancelar" onClick={cancelClick} />
          )}
          <RoundedButton title="title" onClick={confirmClick} />
        </div>
      </div>
    </div>
  );
};

export default Modal;
