| Server IP : 72.60.21.38 / Your IP : 216.73.216.137 Web Server : LiteSpeed System : Linux uk-fast-web1372.main-hosting.eu 4.18.0-553.121.1.lve.el8.x86_64 #1 SMP Thu Apr 30 16:40:41 UTC 2026 x86_64 User : u390967363 ( 390967363) PHP Version : 8.2.30 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u390967363/domains/aibenproperties.com/public_html/app/ui/src/components/ |
Upload File : |
import React from 'react';
import './Instalment.css';
export const Instalment: React.FC<{due:string; amount:string|number; progress:number}> = ({ due, amount, progress }) => {
return (
<div className="rp-instalment">
<div className="inst-left">
<div className="inst-title">Due {due}</div>
<div className="inst-muted">Amount: ${amount}</div>
</div>
<div className="inst-right">
<div className="rp-progress" role="progressbar" aria-valuemin={0} aria-valuemax={100} aria-valuenow={progress}><div className="rp-progress__bar" style={{width: `${progress}%`}}></div></div>
<div className="inst-actions">
<button className="rp-btn rp-btn--small">Pay</button>
<button className="rp-btn rp-btn--ghost rp-btn--small">Download</button>
</div>
</div>
</div>
);
};
export default Instalment;