Update README.md

Author: Karthik-B-06

README.md

@@ -62,12 +62,6 @@ import SegmentedControl from './SegmentedControl';
 
 export default function App() {
   const [tabIndex, setTabIndex] = React.useState(0);
-  const [tabIndex1, setTabIndex1] = React.useState(0);
-  const [tabIndex2, setTabIndex2] = React.useState(0);
-  const [tabIndex3, setTabIndex3] = React.useState(0);
-  const [tabIndex4, setTabIndex4] = React.useState(0);
-  const [tabIndex5, setTabIndex5] = React.useState(0);
-  const [tabIndex6, setTabIndex6] = React.useState(0);
 
   return (
     <View style={styles.container}>
@@ -79,66 +73,6 @@ export default function App() {
           currentIndex={tabIndex}
         />
       </View>
-      <View style={styles.box}>
-        <SegmentedControl
-          containerMargin={16}
-          segments={['Label 1', 'Label 2', 'Label 3']}
-          onChange={(index) => setTabIndex1(index)}
-          currentIndex={tabIndex1}
-        />
-      </View>
-      <View style={styles.box}>
-        <SegmentedControl
-          containerMargin={16}
-          segments={['Label 1', 'Label 2', 'Label 3', 'Label 4']}
-          onChange={(index) => setTabIndex2(index)}
-          currentIndex={tabIndex2}
-        />
-      </View>
-      <View style={styles.box}>
-        <SegmentedControl
-          containerMargin={16}
-          segments={['Label 1', 'Label 2', 'Label 3']}
-          onChange={(index) => setTabIndex3(index)}
-          currentIndex={tabIndex3}
-          segmentedControlWrapper={{ backgroundColor: '#4a5568' }}
-          activeTextStyle={styles.customBlackColor}
-          inactiveTextStyle={styles.customWhiteColor}
-        />
-      </View>
-      <View style={styles.box}>
-        <SegmentedControl
-          containerMargin={16}
-          segments={['Label 1', 'Label 2', 'Label 3', 'Label 4']}
-          onChange={(index) => setTabIndex4(index)}
-          currentIndex={tabIndex4}
-          segmentedControlWrapper={{ backgroundColor: '#a3e635' }}
-          activeTextStyle={styles.customGreenColor}
-          inactiveTextStyle={styles.customWhiteColor}
-        />
-      </View>
-      <View style={styles.box}>
-        <SegmentedControl
-          containerMargin={16}
-          segments={['Label 1', 'Label 2', 'Label 3']}
-          onChange={(index) => setTabIndex5(index)}
-          currentIndex={tabIndex5}
-          segmentedControlWrapper={{ backgroundColor: '#7dd3fc' }}
-          activeTextStyle={styles.customBlueTextColor}
-          inactiveTextStyle={styles.customWhiteColor}
-          tileStyle={styles.customBlueColor}
-          badgeCount={[2]}
-        />
-      </View>
-      <View style={styles.box}>
-        <SegmentedControl
-          containerMargin={16}
-          segments={['Label 1', 'Label 2', 'Label 3']}
-          onChange={(index) => setTabIndex6(index)}
-          currentIndex={tabIndex6}
-          badgeCount={[2, null, 1]}
-        />
-      </View>
     </View>
   );
 }