// Metro module 9679 (f9680).
import { memo } from "react";
import { View } from "react-native";
import { HEADER_HANDLE_HEIGHT } from "../MediaKeyboardConstants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import MediaKeyboardBottomSheetHandle from "./MediaKeyboardBottomSheetHandle";
const useStyles = createStyles({
  headerHandleOnlyWrap: {
    height: HEADER_HANDLE_HEIGHT,
    paddingBottom: Module712.space.PX_4
  }
});
const r36 = memo(function MediaKeyboardBottomSheetHeaderSimple(props) {
  const { animatedIndex, onPress } = props;
  return <View style={useStyles().headerHandleOnlyWrap}>
    <MediaKeyboardBottomSheetHandle animatedIndex={animatedIndex} onPress={onPress} />
  </View>;
});
export default r36;