From 23a4fa06f3dba43de70217cc280cb68488f7e22b Mon Sep 17 00:00:00 2001
From: sxjeru <sxjeru@gmail.com>
Date: Sun, 9 Jun 2024 17:29:03 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20Expose=20`tooltip`=20ov?=
 =?UTF-8?q?erlayStyle=20prop=20(#162)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Update index.tsx

* expose tooltip overlayStyle

* Update index.tsx
---
 src/ActionIcon/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/ActionIcon/index.tsx b/src/ActionIcon/index.tsx
index 32126603..f5e9a1f0 100644
--- a/src/ActionIcon/index.tsx
+++ b/src/ActionIcon/index.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import React from 'react';
 import { Loader2 } from 'lucide-react';
 import { forwardRef, useMemo } from 'react';
 import { Flexbox, type FlexboxProps } from 'react-layout-kit';
@@ -47,7 +48,7 @@ export interface ActionIconProps extends LucideIconProps, FlexboxProps {
    * @description Set the loading status of ActionIcon
    */
   loading?: boolean;
-
+  overlayStyle?: React.CSSProperties;
   /**
    * @description The position of the tooltip relative to the target
    * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]
@@ -94,6 +95,7 @@ const ActionIcon = forwardRef<HTMLDivElement, ActionIconProps>(
       onClick,
       children,
       loading,
+      overlayStyle,
       tooltipDelay = 0.5,
       fillOpacity,
       fillRule,
@@ -145,7 +147,7 @@ const ActionIcon = forwardRef<HTMLDivElement, ActionIconProps>(
       <Tooltip
         arrow={arrow}
         mouseEnterDelay={tooltipDelay}
-        overlayStyle={{ pointerEvents: 'none' }}
+        overlayStyle={{ pointerEvents: 'none', ...overlayStyle }}
         placement={placement}
         title={title}
       >