23 lines
666 B
JavaScript
23 lines
666 B
JavaScript
|
export default function RateCard({ provider, rate, href, isBest, index, formatCurrency }) {
|
||
|
|
return (
|
||
|
|
<a
|
||
|
|
href={href}
|
||
|
|
target="_blank"
|
||
|
|
rel="noopener noreferrer"
|
||
|
|
className={`rate-card ${isBest ? 'best' : ''}`}
|
||
|
|
style={{ animationDelay: `${index * 0.1}s` }}
|
||
|
|
>
|
||
|
|
<div className="rate-card-header">
|
||
|
|
<h3 className="provider-name">{provider}</h3>
|
||
|
|
{isBest && <span className="best-badge">Best Rate</span>}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="rate-value">{formatCurrency(rate)}</div>
|
||
|
|
|
||
|
|
<div className="rate-card-footer">
|
||
|
|
<span className="visit-link">Visit provider →</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
);
|
||
|
|
}
|