CustomAmountChoiceBottomSheet: update UI

src/components/ProBottomSheet/ProBottomSheet.tsx

@@ -16,6 +16,7 @@ interface ProBottomSheetProps {
   initialSnap?: number;
   className?: string;
   themeName?: "light" | "dark";
+  contentStyle?: React.CSSProperties;
 }
 
 export function ProBottomSheet({
@@ -30,6 +31,7 @@ export function ProBottomSheet({
   snapPoints = [500],
   initialSnap = 0,
   className = "",
+  contentStyle = {},
 }: ProBottomSheetProps) {
   const [currentSnap, setCurrentSnap] = useState(initialSnap);
   const [isDragging, setIsDragging] = useState(false);
@@ -231,12 +233,13 @@ export function ProBottomSheet({
     backdropFilter: themeName === "dark" ? "blur(8px)" : "none",
   };
 
-  const contentStyle: React.CSSProperties = {
+  const contentWrapperStyle: React.CSSProperties = {
     flex: 1,
     overflow: "auto",
     padding: "0 20px",
     backgroundColor: themeName === "dark" ? "#0a0a0a" : "#ffffff",
     color: themeName === "dark" ? "#ffffff" : "#000000",
+    ...contentStyle,
   };
 
   const closeButtonStyle: React.CSSProperties = {
@@ -315,7 +318,7 @@ export function ProBottomSheet({
           </div>
         )}
 
-        <div style={contentStyle}>{children}</div>
+        <div style={contentWrapperStyle}>{children}</div>
       </div>
     </>
   );