// Metro module 5386 (f5387).
import { useMemo, memo } from "react";
import { StyleSheet, View } from "react-native";
import { DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_ROLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_HINT } from "./Module5387";
import { styles } from "./Module5388";
const r27 = memo(function BottomSheetHandleComponent(props) {
  const { style, indicatorStyle } = props;
  let accessible = props.accessible;
  if (accessible === void 0) {
    accessible = DEFAULT_ACCESSIBLE;
  }
  let accessibilityRole = props.accessibilityRole;
  if (accessibilityRole === void 0) {
    accessibilityRole = DEFAULT_ACCESSIBILITY_ROLE;
  }
  let accessibilityLabel = props.accessibilityLabel;
  if (accessibilityLabel === void 0) {
    accessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL;
  }
  let accessibilityHint = props.accessibilityHint;
  if (accessibilityHint === void 0) {
    accessibilityHint = DEFAULT_ACCESSIBILITY_HINT;
  }
  const children = props.children;
  const memo = useMemo(() => [styles.container, StyleSheet.flatten(style)], [style]);
  const memo2 = useMemo(() => [styles.indicator, StyleSheet.flatten(indicatorStyle)], [indicatorStyle]);
  if (accessible == null) {
    accessible = void 0;
  }
  if (accessibilityRole == null) {
    accessibilityRole = void 0;
  }
  if (accessibilityLabel == null) {
    accessibilityLabel = void 0;
  }
  if (accessibilityHint == null) {
    accessibilityHint = void 0;
  }
  return <View style={memo} accessible={accessible} accessibilityRole={accessibilityRole} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} collapsable>
    <View style={memo2} />
    {children}
  </View>;
});
r27.displayName = "BottomSheetHandle";
export default r27;