From 9639881dee6639066ad9d9a44f158b8a927b9cd5 Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Thu, 9 May 2024 19:44:18 -0400
Subject: [PATCH] Fix #6564: IconOptions typescript updated for FontAwesome
 (#6579)

---
 components/lib/utils/utils.d.ts | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/lib/utils/utils.d.ts b/components/lib/utils/utils.d.ts
index 01e5378692..3c40163b32 100644
--- a/components/lib/utils/utils.d.ts
+++ b/components/lib/utils/utils.d.ts
@@ -177,20 +177,23 @@ export declare namespace ZIndexUtils {
 
 /**
  * Icon options passed to any icon.
- * ComponentProps are props from the owning component.
- * AdditionalProps are any custom properties of an icon like SortIcon of the Datatable for example.
+ * @template ComponentProps Props from the owning component.
+ * @template AdditionalProps Any custom properties of an icon like SortIcon of the Datatable for example.
  */
 export type IconOptions<ComponentProps, AdditionalProps> = AdditionalProps & {
     /**
-     * Icon specific properties.
+     * Icon specific properties. Size property allows FontAwesome to work properly.
+     * @type {(React.HTMLProps<unknown> & { size?: string }) | (React.SVGProps<unknown> & { size?: string })}
      */
-    iconProps: React.HTMLProps<any> | React.SVGProps<any>;
+    iconProps: (React.HTMLProps<unknown> & { size?: string }) | (React.SVGProps<unknown> & { size?: string });
     /**
      * The element representing the icon.
+     * @type {React.ReactNode}
      */
     element: React.ReactNode;
     /**
      * Properties of the owning component.
+     * @type {ComponentProps}
      */
     props?: ComponentProps;
     [key: string]: any;