import React from "react";
import { ScrollView } from "react-native";
import { TrainDataView } from "./TrainDataView";

export const LongHeader = ({
  currentTrainData,
  currentPosition,
  nearTrainIDList,
  openTrainInfo,
  navigate,
}) => {
  return (
    <ScrollView
      //onTouchStart={() => setActionSheetHorizonalScroll(true)}
      //onScrollEndDrag={() => setActionSheetHorizonalScroll(false)}
      //onScrollBeginDrag={() => console.log("onScrollBeginDrag")}
      style={{
        flexDirection: "row",
        //width: widthPercentageToDP("200%"),
        // minHeight: 200,
        //height: heightPercentageToDP("20%"),
      }}
      horizontal
      pagingEnabled
    >
      <TrainDataView
        currentTrainData={currentTrainData}
        currentPosition={currentPosition}
        nearTrainIDList={nearTrainIDList}
        openTrainInfo={openTrainInfo}
        navigate={navigate}
      />
    </ScrollView>
  );
};
