side by side txte exemple

app/components/SampleTextComponent.tsx

@@ -2,13 +2,16 @@ interface SampleTextComponentProps {
   setSourceText: (text: string) => void;
   setFileContent: (content: string) => void;
   setUploadedFile: (file: File | null) => void;
-  variant?: "default" | "button"; // Ajouter une variante
+  setIsExampleLoaded?: (loaded: boolean) => void;
+  variant?: "button" | "link"; // Nouvelle prop
 }
 
 export const SampleTextComponent = ({
   setSourceText,
   setFileContent,
   setUploadedFile,
+  setIsExampleLoaded,
+  variant = "button",
 }: SampleTextComponentProps) => {
   const loadSampleText = () => {
     const sampleText = `Date : 15 mars 2025
@@ -31,16 +34,20 @@ TVA intracommunautaire : BE0987.654.321`;
     setSourceText(sampleText);
     setFileContent(sampleText);
     setUploadedFile(null);
+    if (setIsExampleLoaded) {
+      setIsExampleLoaded(true); // NOUVEAU - Marquer qu'un exemple est chargé
+    }
   };
 
-  return (
-    <>
-      <button
+  if (variant === "link") {
+    return (
+      <span
         onClick={loadSampleText}
-        className="bg-[#f7ab6e] hover:bg-[#f7ab6e]/90 cursor-pointer text-white px-6 py-3 rounded-lg text-sm font-medium transition-colors duration-300"
+        className="text-[#f7ab6e] hover:text-[#f7ab6e]/80 underline pointer-events-auto transition-colors duration-200 cursor-pointer"
+        title="Cliquez pour charger un exemple de texte"
       >
-        Essayez avec un texte d&apos;exemple
-      </button>
-    </>
-  );
+        générez un texte d&apos;exemple
+      </span>
+    );
+  }
 };