import React from 'react'; import { LayoutChangeEvent, ImageStyle, StyleProp, ViewStyle } from 'react-native'; import Reanimated from 'react-native-reanimated'; import { SegmentedControlProps } from './index'; import { IconProps } from '../icon'; export type SegmentedControlItemProps = Pick & { /** * The label of the segment. */ label?: string; /** * An icon for the segment. */ iconSource?: IconProps['source']; /** * An icon for the segment. */ iconStyle?: StyleProp; /** * Should the icon be on right of the label */ iconOnRight?: boolean; /** * Icon tint color */ iconTintColor?: string; }; export type SegmentProps = SegmentedControlItemProps & { /** * Shared value of the current selected index. */ selectedIndex?: Reanimated.SharedValue; /** * The color of the active segment (label and outline). */ activeColor?: string; /** * The color of the inactive segment (label). */ inactiveColor?: string; /** * Callback for when segment has pressed. */ onPress?: (index: number) => void; /** * The index of the segment. */ index: number; /** * onLayout function. */ onLayout?: (index: number, event: LayoutChangeEvent) => void; /** * Additional style for the segment. */ style?: StyleProp; testID?: string; }; declare const _default: React.ForwardRefExoticComponent & { /** * The label of the segment. */ label?: string | undefined; /** * An icon for the segment. */ iconSource?: import("../image").ImageSourceType; /** * An icon for the segment. */ iconStyle?: StyleProp; /** * Should the icon be on right of the label */ iconOnRight?: boolean | undefined; /** * Icon tint color */ iconTintColor?: string | undefined; } & { /** * Shared value of the current selected index. */ selectedIndex?: Reanimated.SharedValue | undefined; /** * The color of the active segment (label and outline). */ activeColor?: string | undefined; /** * The color of the inactive segment (label). */ inactiveColor?: string | undefined; /** * Callback for when segment has pressed. */ onPress?: ((index: number) => void) | undefined; /** * The index of the segment. */ index: number; /** * onLayout function. */ onLayout?: ((index: number, event: LayoutChangeEvent) => void) | undefined; /** * Additional style for the segment. */ style?: StyleProp; testID?: string | undefined; } & React.RefAttributes>; export default _default;