fix: requite cycle

Author: richardvclam

src/Segment/Segment.tsx

@@ -1,7 +1,8 @@
-import React, { useContext, FC } from 'react';
+import React, { FC, useContext } from 'react';
 import { StyleProp, Text, View, ViewStyle } from 'react-native';
 import { TouchableOpacity } from 'react-native-gesture-handler';
-import { SegmentedContext } from '../SegmentedControl/SegmentedControl';
+
+import { SegmentedContext } from '../SegmentedContext';
 import styles from './SegmentStyles';
 
 export interface SegmentContentProps {

src/SegmentedContext/SegmentedContext.ts

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+export const SegmentedContext = createContext<{
+  selectedName: string | null | undefined;
+  onChange: ((name: string) => void) | undefined;
+} | null>(null);

src/SegmentedContext/index.ts

@@ -0,0 +1 @@
+export * from './SegmentedContext';

src/SegmentedControl/SegmentedControl.tsx

@@ -1,10 +1,11 @@
-import React, { createContext, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { LayoutChangeEvent, View, ViewStyle } from 'react-native';
 import { PanGestureHandler, PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';
 import Animated, { Easing } from 'react-native-reanimated';
 import { timing } from 'react-native-redash';
 
 import { Segment, SegmentProps } from '../Segment';
+import { SegmentedContext } from '../SegmentedContext';
 import { clamp } from '../utils';
 import styles from './SegmentedControlStyles';
 
@@ -20,11 +21,6 @@ export interface SegmentedControlProps {
   style?: ViewStyle;
 }
 
-export const SegmentedContext = createContext<{
-  selectedName: string | null | undefined;
-  onChange: ((name: string) => void) | undefined;
-} | null>(null);
-
 export const SegmentedControl = ({
   activeTintColor = '#000000',
   children,