chat/apps/mobile/components/nativewindui/SegmentedControl/SegmentedControl.ios.tsx

import RNSegmentedControl from '@react-native-segmented-control/segmented-control';

import { SegmentControlProps } from './types';

function SegmentedControl({
  values,
  selectedIndex,
  onIndexChange,
  onValueChange: onValueChangeProp,
  enabled = true,
  iosMomentary,
  materialTextClassName: _materialTextClassName,
}: SegmentControlProps) {
  function onChange(event: { nativeEvent: { selectedSegmentIndex: number } }) {
    onIndexChange?.(event.nativeEvent.selectedSegmentIndex);
  }

  function onValueChange(value: string) {
    onValueChangeProp?.(value);
  }
  return (
    <RNSegmentedControl
      enabled={enabled}
      values={values}
      selectedIndex={selectedIndex}
      onChange={onChange}
      onValueChange={onValueChange}
      momentary={iosMomentary}
    />
  );
}

export { SegmentedControl };