From ab64827d4c3be0d33b4fd0c126080adbca74d88a Mon Sep 17 00:00:00 2001
From: Florian Dejonckheere <florian@floriandejonckheere.be>
Date: Wed, 6 Dec 2023 21:56:31 +0100
Subject: [PATCH] Add energy suggestions card

---
 src/components/cards/energy_suggestions.tsx | 13 +++++++++++++
 src/pages/suggestions.tsx                   |  2 ++
 2 files changed, 15 insertions(+)
 create mode 100644 src/components/cards/energy_suggestions.tsx

diff --git a/src/components/cards/energy_suggestions.tsx b/src/components/cards/energy_suggestions.tsx
new file mode 100644
index 0000000..ed7631f
--- /dev/null
+++ b/src/components/cards/energy_suggestions.tsx
@@ -0,0 +1,13 @@
+import { ReactElement } from 'react'
+
+export default function EnergySuggestions(): ReactElement {
+  return (
+    <div className="flex flex-col gap-4 bg-white rounded-lg shadow p-7 dark:bg-slate-700">
+      <div className="mb-6">
+        <h3 className="flex gap-3 items-center text-xl font-bold text-gray-600 dark:text-gray-200 mb-2">
+          Energy suggestions
+        </h3>
+      </div>
+    </div>
+  )
+}
diff --git a/src/pages/suggestions.tsx b/src/pages/suggestions.tsx
index 1cc7314..f5d7204 100644
--- a/src/pages/suggestions.tsx
+++ b/src/pages/suggestions.tsx
@@ -1,6 +1,7 @@
 import { ReactElement } from 'react'
 
 import EnergyAlerts from '../components/cards/energy_alerts'
+import EnergySuggestions from '../components/cards/energy_suggestions'
 import Weather from '../components/cards/weather'
 
 export default function Suggestions(): ReactElement {
@@ -11,6 +12,7 @@ export default function Suggestions(): ReactElement {
       <div className="grid grid-cols-1 xl:grid-cols-2 mt-6 gap-16">
         <EnergyAlerts />
         <Weather />
+        <EnergySuggestions />
       </div>
     </>
   )