@gorhom/bottom-sheet/src/components/bottomSheetHandle/types.d.ts

A performant interactive bottom sheet with fully configurable options 🚀

import type React from 'react';
import type { ViewProps } from 'react-native';
import type { AnimateProps } from 'react-native-reanimated';
import type {
  BottomSheetVariables,
  NullableAccessibilityProps,
} from '../../types';

export interface BottomSheetHandleProps extends BottomSheetVariables {}

export interface BottomSheetDefaultHandleProps
  extends BottomSheetHandleProps,
    NullableAccessibilityProps {
  /**
   * View style to be applied to the handle container.
   * @type Animated.AnimateStyle<ViewStyle> | ViewStyle
   * @default undefined
   */
  style?: AnimateProps<ViewProps>['style'];
  /**
   * View style to be applied to the handle indicator.
   * @type Animated.AnimateStyle<ViewStyle> | ViewStyle
   * @default undefined
   */
  indicatorStyle?: AnimateProps<ViewProps>['style'];
  /**
   * Content to be added below the indicator.
   * @type React.ReactNode | React.ReactNode[];
   * @default undefined
   */
  children?: React.ReactNode | React.ReactNode[];
}