wip

apps/website/components/alpha/DataWarning.tsx

@@ -2,7 +2,11 @@
 
 import { useState, useEffect } from 'react';
 
-export default function DataWarning() {
+interface DataWarningProps {
+  className?: string;
+}
+
+export default function DataWarning({ className }: DataWarningProps) {
   const [isDismissed, setIsDismissed] = useState(false);
   const [isMounted, setIsMounted] = useState(false);
 
@@ -23,7 +27,7 @@ export default function DataWarning() {
   if (isDismissed) return null;
 
   return (
-    <div className="mb-6 bg-iron-gray border border-charcoal-outline rounded-lg p-4">
+    <div className={`${className ?? 'mb-6'} bg-iron-gray border border-charcoal-outline rounded-lg p-4`}>
       <div className="flex items-start justify-between gap-4">
         <div className="flex items-start gap-3">
           <div className="w-10 h-10 rounded-lg bg-primary-blue/10 flex items-center justify-center flex-shrink-0">