react-native-ui-lib/src/components/segmentedControl/segment.d.ts

[](https://stand-with-ukraine.pp.ua)

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<SegmentedControlProps, 'segmentLabelStyle'> & {
    /**
     * The label of the segment.
     */
    label?: string;
    /**
     * An icon for the segment.
     */
    iconSource?: IconProps['source'];
    /**
     * An icon for the segment.
     */
    iconStyle?: StyleProp<ImageStyle>;
    /**
     * 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<number>;
    /**
     * 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<ViewStyle>;
    testID?: string;
};
declare const _default: React.ForwardRefExoticComponent<Pick<SegmentedControlProps, "segmentLabelStyle"> & {
    /**
     * The label of the segment.
     */
    label?: string | undefined;
    /**
     * An icon for the segment.
     */
    iconSource?: import("../image").ImageSourceType;
    /**
     * An icon for the segment.
     */
    iconStyle?: StyleProp<ImageStyle>;
    /**
     * 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<number> | 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<ViewStyle>;
    testID?: string | undefined;
} & React.RefAttributes<any>>;
export default _default;