From df7db9cc8916f2ef4b23710d9ef1e4e9c40c16cf Mon Sep 17 00:00:00 2001
From: Mark Lawlor <mwlawlor@gmail.com>
Date: Mon, 9 May 2022 12:00:15 +1000
Subject: [PATCH] fix: useTailwind types

---
 __tests__/use-tailwind.native.tsx | 7 +++++--
 src/use-tailwind.ts               | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/__tests__/use-tailwind.native.tsx b/__tests__/use-tailwind.native.tsx
index ddf8c5d..38aa491 100644
--- a/__tests__/use-tailwind.native.tsx
+++ b/__tests__/use-tailwind.native.tsx
@@ -1,5 +1,8 @@
 import { PropsWithChildren } from "react";
-import { useWindowDimensions as RNuseWindowDimensions } from "react-native";
+import {
+  TextStyle,
+  useWindowDimensions as RNuseWindowDimensions,
+} from "react-native";
 import { renderHook } from "@testing-library/react-hooks";
 import { useTailwind } from "../src/use-tailwind.native";
 import { TailwindProvider, TailwindProviderProps } from "../src/provider";
@@ -76,7 +79,7 @@ describe("native", () => {
   });
 
   test("can flatten properties", () => {
-    const { result } = renderHook(() => useTailwind()("font-bold"), {
+    const { result } = renderHook(() => useTailwind<TextStyle>()("font-bold"), {
       wrapper,
       initialProps: {
         platform: "native",
diff --git a/src/use-tailwind.ts b/src/use-tailwind.ts
index 08da6da..4a6d523 100644
--- a/src/use-tailwind.ts
+++ b/src/use-tailwind.ts
@@ -7,7 +7,7 @@ export type RWNCssStyle = {
   tailwindClassName: string;
 };
 
-export type UseTailwindCallback<P> = (className?: string) => StyleProp<P>;
+export type UseTailwindCallback<P> = (className?: string) => StyleProp<P> & P;
 
 export interface UseTailwindOptions {
   siblingClassName?: string;