feat: add render pointer prop

Author: Stringsaeed

src/components/PointerWrapper/PointerWrapper.tsx

@@ -2,14 +2,17 @@ import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 
 import { getPointerWrapperStyle } from '../../utils';
-import type { PointerWrapperProps } from '../../types';
+import type { PointerProps, PointerWrapperProps } from '../../types';
 
 import Pointer from '../Pointer';
 
 import styles from './styles';
 
+const _renderPointer = (props: PointerProps) => <Pointer {...props} />;
+
 const PointerWrapper: React.FC<PointerWrapperProps> = ({
   tooltipLayout,
+  renderPointer = _renderPointer,
   ...pointerProps
 }) => {
   const pointerStyles = useMemo(
@@ -21,11 +24,7 @@ const PointerWrapper: React.FC<PointerWrapperProps> = ({
     [pointerProps, tooltipLayout]
   );
 
-  return (
-    <View style={pointerStyles}>
-      <Pointer {...pointerProps} />
-    </View>
-  );
+  return <View style={pointerStyles}>{renderPointer(pointerProps)}</View>;
 };
 
 export default PointerWrapper;

src/types/ComponentsProps.ts

@@ -27,6 +27,7 @@ export interface OverlayProps
 
 export interface PointerWrapperProps extends PointerProps {
   tooltipLayout?: LayoutRectangle;
+  renderPointer?: (props: PointerProps) => ReactNode;
 }
 
 export interface TooltipWrapperProps