From cd33796066707ee9893cd9c6cd90e05792f9b102 Mon Sep 17 00:00:00 2001
From: andres <andres99.dev@gmail.com>
Date: Sat, 20 Apr 2024 12:36:11 +0200
Subject: [PATCH] fix: Wrap props typing

---
 src/components/wrap.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/wrap.tsx b/src/components/wrap.tsx
index 9092547..5e9d1e5 100644
--- a/src/components/wrap.tsx
+++ b/src/components/wrap.tsx
@@ -1,18 +1,23 @@
-import { createElement, ReactNode } from "react";
+import {
+  ComponentPropsWithoutRef,
+  createElement,
+  ElementType,
+  ReactNode,
+} from "react";
 
-type Props = {
+type Props<T extends ElementType> = {
   if?: boolean;
-  with: Parameters<typeof createElement>[0];
-  wrapperProps: Parameters<typeof createElement>[1];
+  with: T;
+  wrapperProps: ComponentPropsWithoutRef<T>;
   children: NonNullable<ReactNode>;
 };
 
-export function Wrap({
+export function Wrap<T extends ElementType>({
   if: condition,
   with: wrapper,
   wrapperProps,
   children,
-}: Props) {
+}: Props<T>) {
   return condition ? (
     createElement(wrapper, wrapperProps, [children])
   ) : (