feat(Banner): add className prop

guildxyz · Jul 11, 2024 · 8a79cff · 8a79cff
1 parent 5c0c5c0
commit 8a79cff
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/v2/components/Layout/Layout.tsx b/src/v2/components/Layout/Layout.tsx
@@ -63,16 +63,22 @@ const Headline = ({ title }: HeadlineProps) => (
 
 interface BannerProps extends PropsWithChildren {
   offset?: number
+  className: string
 }
 
-const Banner = ({ children, offset = 112 }: BannerProps) => (
+const Banner = ({ children, offset = 112, className }: BannerProps) => (
   <div
     className={cn(
       "-z-10 absolute inset-0 overflow-hidden",
       `-bottom-[${Math.abs(offset)}px]`
     )}
   >
-    <div className="absolute inset-0 bg-[hsl(240_4%_16%)] data-[theme='dark']:bg-[hsl(240_3%_22%)]" />
+    <div
+      className={cn(
+        "absolute inset-0 bg-[hsl(240_4%_16%)] data-[theme='dark']:bg-[hsl(240_3%_22%)]",
+        className
+      )}
+    />
     {children}
   </div>
 )