🚀 Auto-deploy: BrainWind atualizado em 15/07/2026 11:22:37

app/src/components/TermsOfUseDialog.tsx

@@ -6,24 +6,27 @@ import { useState } from 'react';
 
 interface TermsOfUseDialogProps {
   isCollapsed?: boolean;
+  trigger?: React.ReactNode;
 }
 
-export function TermsOfUseDialog({ isCollapsed = false }: TermsOfUseDialogProps) {
+export function TermsOfUseDialog({ isCollapsed = false, trigger }: TermsOfUseDialogProps) {
   const [open, setOpen] = useState(false);
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <button
-          className={cn(
-            'flex items-center gap-3 px-3 py-2.5 rounded-md transition-colors text-sm w-full cursor-pointer text-muted-foreground hover:bg-secondary/50 hover:text-secondary-foreground',
-            isCollapsed && 'justify-center px-0'
-          )}
-          title={isCollapsed ? 'Termos de Uso e Responsabilidade' : undefined}
-        >
-          <Info className="w-5 h-5 shrink-0" />
-          {!isCollapsed && <span>Termos de Uso</span>}
-        </button>
+        {trigger ? trigger : (
+          <button
+            className={cn(
+              'flex items-center gap-3 px-3 py-2.5 rounded-md transition-colors text-sm w-full cursor-pointer text-muted-foreground hover:bg-secondary/50 hover:text-secondary-foreground',
+              isCollapsed && 'justify-center px-0'
+            )}
+            title={isCollapsed ? 'Termos de Uso e Responsabilidade' : undefined}
+          >
+            <Info className="w-5 h-5 shrink-0" />
+            {!isCollapsed && <span>Termos de Uso</span>}
+          </button>
+        )}
       </DialogTrigger>
       
       <DialogContent className="max-w-2xl max-h-[85vh] p-0 flex flex-col">