From da4174010086e4728e19a436167bc5099615add4 Mon Sep 17 00:00:00 2001
From: Enguerran Weiss <enguerranweiss@gmail.com>
Date: Mon, 10 Nov 2025 15:51:37 +0100
Subject: [PATCH] add: provide suffixed id on ProConnect button element

---
 src/ProConnectButton.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/ProConnectButton.tsx b/src/ProConnectButton.tsx
index 9cd945755..abe706dd2 100644
--- a/src/ProConnectButton.tsx
+++ b/src/ProConnectButton.tsx
@@ -53,7 +53,11 @@ export const ProConnectButton = memo(
                 style={style}
                 ref={ref}
             >
-                <Inner className={cx(fr.cx("fr-btn", "fr-connect"), "pro-connect")} {...innerProps}>
+                <Inner
+                    id={`${id}-button`}
+                    className={cx(fr.cx("fr-btn", "fr-connect"), "pro-connect")}
+                    {...innerProps}
+                >
                     <span className={cx(fr.cx("fr-connect__login"), classes.login)}>
                         S’identifier avec
                     </span>