refactor: create metricCard component

2021-08-06 20:29:03 +02:00
parent 9f16dea626
commit 5afa019645
2 changed files with 104 additions and 146 deletions
--- a/pages/components/MetricCard.jsx
+++ b/pages/components/MetricCard.jsx
@@ -0,0 +1,19 @@
+import React from "react";
+import Image from "next/image";
+
+const MetricCard = ({ title, iconSrc, metric, unit = "", styles }) => {
+  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;