types.ts

import { StyleProp, ViewStyle } from 'react-native';
import Animated from 'react-native-reanimated';

export interface TabsConfig<T> {
  [key: string]: T;
}

export interface TabBarAnimationConfigurableProps {
  /**
   * Animation duration.
   * @default 500
   */
  duration?: number;
  /**
   * Animation easing function.
   * @default Easing.out(Easing.exp)
   */
  easing?: Animated.EasingFunction;
}

interface Space {
  vertical: number;
  horizontal: number;
}

export interface TabBarItemConfigurableProps {
  /**
   * Item padding space.
   * @default 12
   */
  itemInnerSpace?: number | Space;
  /**
   * Item margin space.
   * @default 12
   */
  itemOuterSpace?: number | Space;
  /**
   * Icon size.
   * @default 24
   */
  iconSize?: number;
  /**
   * Item layout direction.
   * @default false
   */
  isRTL?: boolean;
}

export interface TabRoute {
  title: string;
  key: string;
}

export interface TabBarViewProps<T>
  extends TabBarAnimationConfigurableProps,
    TabBarItemConfigurableProps {
  /**
   * Selected animated index.
   */
  selectedIndex: Animated.Value<number>;
  /**
   * Mapped routes with tab configs to be presented.
   */
  routes: Array<TabRoute & T>;
  /**
   * Root container style.
   */
  style?: StyleProp<ViewStyle>;
}

export interface TabBarItemProps
  extends Required<TabBarAnimationConfigurableProps>,
    Required<TabBarItemConfigurableProps> {
  /**
   * Selected animated index.
   */
  selectedIndex: Animated.Value<number>;
  index: number;
  label: string;
}