From 8f88fed98772881d46625ed2106fe8e24eceda99 Mon Sep 17 00:00:00 2001
From: canisminor1990 <i@canisminor.cc>
Date: Tue, 26 Nov 2024 20:55:24 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20Update=20Modal=20props?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/Modal/index.tsx b/src/Modal/index.tsx
index 7611a8ca..a266be7d 100644
--- a/src/Modal/index.tsx
+++ b/src/Modal/index.tsx
@@ -7,7 +7,7 @@ import { Maximize2, Minimize2, X } from 'lucide-react';
 import { lighten } from 'polished';
 import { ReactNode, memo, useState } from 'react';
 
-import ActionIcon from '@/ActionIcon';
+import ActionIcon, { type ActionIconProps } from '@/ActionIcon';
 import Icon from '@/Icon';
 
 const HEADER_HEIGHT = 56;
@@ -77,6 +77,7 @@ const useStyles = createStyles(
 
 export type ModalProps = AntModalProps & {
   allowFullscreen?: boolean;
+  closeIconProps?: ActionIconProps;
   enableResponsive?: boolean;
   maxHeight?: string | number | false;
   paddings?: {
@@ -99,6 +100,7 @@ const Modal = memo<ModalProps>(
     paddings,
     maxHeight = '75dvh',
     enableResponsive = true,
+    closeIconProps,
     footer,
     styles: stylesProps = {},
     ...rest
@@ -117,7 +119,7 @@ const Modal = memo<ModalProps>(
       return (
         <Drawer
           className={cx(styles.drawerContent, className)}
-          closeIcon={<ActionIcon icon={X} />}
+          closeIcon={<ActionIcon icon={X} {...closeIconProps} />}
           destroyOnClose={destroyOnClose}
           extra={
             allowFullscreen && (