From 413dfe79cf1e7871904ec775d7dd9ecd8ae94dbd Mon Sep 17 00:00:00 2001
From: EQuimper <quimperemanuel@gmail.com>
Date: Fri, 20 Mar 2026 13:16:58 -0400
Subject: [PATCH] feat: add className prop to EaseView component and
 corresponding test

---
 src/EaseView.tsx                | 2 ++
 src/__tests__/EaseView.test.tsx | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/src/EaseView.tsx b/src/EaseView.tsx
index bb34193..e9e20ce 100644
--- a/src/EaseView.tsx
+++ b/src/EaseView.tsx
@@ -86,6 +86,8 @@ export type EaseViewProps = ViewProps & {
   useHardwareLayer?: boolean;
   /** Pivot point for scale and rotation as 0–1 fractions. @default { x: 0.5, y: 0.5 } (center) */
   transformOrigin?: TransformOrigin;
+  /** NativeWind / Tailwind CSS class string. Requires NativeWind in your project. */
+  className?: string;
 };
 
 export function EaseView({
diff --git a/src/__tests__/EaseView.test.tsx b/src/__tests__/EaseView.test.tsx
index 7d3bc18..b2530e9 100644
--- a/src/__tests__/EaseView.test.tsx
+++ b/src/__tests__/EaseView.test.tsx
@@ -258,6 +258,12 @@ describe('EaseView', () => {
       expect(screen.getByText('Hello')).toBeTruthy();
     });
 
+    it('passes className through', () => {
+      render(<EaseView testID="ease" className="bg-red-500 p-4" />);
+      const props = getNativeProps();
+      expect(props.className).toBe('bg-red-500 p-4');
+    });
+
     it('passes style through', () => {
       render(
         <EaseView