21 lines
478 B
JavaScript
21 lines
478 B
JavaScript
import Image from "next/image";
|
|
|
|
import styles from "./MetricCard.module.css";
|
|
|
|
const MetricCard = ({ title, iconSrc, metric, unit }) => {
|
|
return (
|
|
<div className={styles.statsCard}>
|
|
<p>{title}</p>
|
|
<div className={styles.statsCardContent}>
|
|
<Image alt="weatherIcon" src={iconSrc} height="100px" width="100px" />
|
|
<div>
|
|
<h1>{metric}</h1>
|
|
<p>{unit}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default MetricCard;
|