From d985ec03dfeac25222d6baaed0bd48bd9b32f056 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 12 May 2024 22:46:32 -0500
Subject: [PATCH] Add default banner icon

---
 src/components/Banner.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index bab0b631..db738a84 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import InfoBlock from './InfoBlock';
 import AnimateItems from './AnimateItems';
+import { IoInformationCircleOutline } from 'react-icons/io5';
 
 export default function Banner({
   icon,
@@ -24,8 +25,11 @@ export default function Banner({
           padding="tight"
           color="blue"
         >
-          <div className="flex items-center gap-3">
-            {icon}
+          <div className="flex items-center gap-2.5">
+            {icon ?? <IoInformationCircleOutline
+              size={17}
+              className="translate-y-[1px]"
+            />}
             {children}
           </div>
         </InfoBlock>,