From 79be47eb00fc50ba4a541ec7d165871336964448 Mon Sep 17 00:00:00 2001
From: Arvin Xu <arvinx@foxmail.com>
Date: Fri, 15 Mar 2024 10:55:27 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20fix=20Groq=20Combine=20(#?=
 =?UTF-8?q?15)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Create Combine.tsx (#14)

* 📝 docs: update groq

* 🐛 fix: fix type

* 💄 style: update style

---------

Co-authored-by: Jiaqi Cai <45190310+jcdiv47@users.noreply.github.com>
---
 src/Groq/components/Combine.tsx | 24 ++++++++++++++++++++++++
 src/Groq/index.md               | 14 ++++++++++++++
 src/types/index.ts              |  4 ++--
 3 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 src/Groq/components/Combine.tsx

diff --git a/src/Groq/components/Combine.tsx b/src/Groq/components/Combine.tsx
new file mode 100644
index 0000000..e152297
--- /dev/null
+++ b/src/Groq/components/Combine.tsx
@@ -0,0 +1,24 @@
+import { memo } from 'react';
+
+import IconCombine, { type IconCombineProps } from '@/IconCombine';
+
+import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
+import Avatar from './Avatar';
+import Text from './Text';
+
+export type CombineProps = Omit<IconCombineProps, 'Icon' | 'Text'>;
+
+const Combine = memo<CombineProps>(({ ...rest }) => {
+  return (
+    <IconCombine
+      Icon={Avatar as any}
+      Text={Text as any}
+      aria-label={TITLE}
+      spaceMultiple={SPACE_MULTIPLE}
+      textMultiple={TEXT_MULTIPLE}
+      {...rest}
+    />
+  );
+});
+
+export default Combine;
diff --git a/src/Groq/index.md b/src/Groq/index.md
index 0e0f652..3118f90 100644
--- a/src/Groq/index.md
+++ b/src/Groq/index.md
@@ -23,6 +23,20 @@ import { Groq } from '@lobehub/icons';
 export default () => <Groq.Text size={48} />;
 ```
 
+## Combine
+
+```tsx
+import { Groq } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16}>
+    <Groq.Combine size={64} />
+    <Groq.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
 ## Avatars
 
 ```tsx
diff --git a/src/types/index.ts b/src/types/index.ts
index ddde53f..ac31db4 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -449,9 +449,9 @@ export type IconType = ForwardRefExoticComponent<
     | 'onPointerCancel'
     | 'onPointerCancelCapture'
     | 'onPointerEnter'
-    | 'onPointerEnterCapture'
+    // | 'onPointerEnterCapture'
     | 'onPointerLeave'
-    | 'onPointerLeaveCapture'
+    // | 'onPointerLeaveCapture'
     | 'onPointerOver'
     | 'onPointerOverCapture'
     | 'onPointerOut'