From 38640f35e96d0c1be4c34899e4b4f303fd3ce206 Mon Sep 17 00:00:00 2001
From: JavanPoirier <42590458+JavanPoirier@users.noreply.github.com>
Date: Sun, 30 Mar 2025 13:06:09 -0400
Subject: [PATCH] Add css interop for bottom sheet style props

---
 .../nativewind/bottomsheet/index.tsx               | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/example/storybook-nativewind/src/core-components/nativewind/bottomsheet/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/bottomsheet/index.tsx
index d627f0eff2..e76630588f 100644
--- a/example/storybook-nativewind/src/core-components/nativewind/bottomsheet/index.tsx
+++ b/example/storybook-nativewind/src/core-components/nativewind/bottomsheet/index.tsx
@@ -100,7 +100,12 @@ export const BottomSheetPortal = ({
   handleComponent: DragIndicator,
   backdropComponent: BackDrop,
   ...props
-}: Partial<IBottomSheetProps> & {
+}: Partial<IBottomSheetProps & {
+    handleClassName: string
+    containerClassName: string
+    backgroundClassName: string
+    handleIndicatorClassName: string
+  }> & {
   defaultIsOpen?: boolean;
   snapToIndex?: number;
   snapPoints: string[];
@@ -288,6 +293,13 @@ export const BottomSheetFlatList = GorhomBottomSheetFlatList;
 export const BottomSheetSectionList = GorhomBottomSheetSectionList;
 export const BottomSheetTextInput = GorhomBottomSheetInput;
 
+cssInterop(GorhomBottomSheet, {
+  className: 'style',
+  handleClassName: 'handleStyle',
+  containerClassName: 'containerStyle',
+  backgroundClassName: 'backgroundStyle',
+  handleIndicatorClassName: 'handleIndicatorStyle',
+})
 cssInterop(GorhomBottomSheetInput, { className: 'style' });
 cssInterop(GorhomBottomSheetScrollView, { className: 'style' });
 cssInterop(GorhomBottomSheetFlatList, { className: 'style' });