From 7dc2d9245d5be555270fe8fb0551f345ecc67ebf Mon Sep 17 00:00:00 2001
From: Leonardo Dourado <leonardo.dourado@useblu.com.br>
Date: Wed, 14 Aug 2024 16:08:11 -0300
Subject: [PATCH] fix: sonar

---
 .../ocean-react/src/WebNotification/WebNotification.tsx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ocean-react/src/WebNotification/WebNotification.tsx b/packages/ocean-react/src/WebNotification/WebNotification.tsx
index c749f2f6..4228ac7f 100644
--- a/packages/ocean-react/src/WebNotification/WebNotification.tsx
+++ b/packages/ocean-react/src/WebNotification/WebNotification.tsx
@@ -21,6 +21,7 @@ export type WebNotificationProps = {
   position?: Position;
   className?: string;
   title?: string;
+  onKeyDown?: React.KeyboardEventHandler;
 } & React.ComponentPropsWithoutRef<'div'>;
 
 const WebNotification = React.forwardRef<HTMLDivElement, WebNotificationProps>(
@@ -35,6 +36,7 @@ const WebNotification = React.forwardRef<HTMLDivElement, WebNotificationProps>(
       position = 'bottom-right',
       className,
       title,
+      onKeyDown,
     },
     ref
   ) => {
@@ -97,8 +99,7 @@ const WebNotification = React.forwardRef<HTMLDivElement, WebNotificationProps>(
                   <div
                     className="ods-web-notification__action"
                     onClick={dispatchAction}
-                    role="button"
-                    tabIndex={0}
+                    onKeyDown={onKeyDown}
                   >
                     <div
                       className={`ods-web-notification__action-text-${type}`}
@@ -111,8 +112,7 @@ const WebNotification = React.forwardRef<HTMLDivElement, WebNotificationProps>(
               <div
                 className="ods-web-notification__wrapper"
                 onClick={closeWebNotification}
-                role="button"
-                tabIndex={0}
+                onKeyDown={onKeyDown}
               >
                 <X size={16} />
               </div>