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

export const ShortHeader = ({
  currentTrainData,
  currentPosition,
  nearTrainIDList,
  openTrainInfo,
  navigate,
}) => {
  return (
    <ScrollView
      style={{
        flexDirection: "row",
        flex: 1,
      }}
      horizontal
      pagingEnabled
    >
      <TrainDataView
        mode={2}
        currentTrainData={currentTrainData}
        currentPosition={currentPosition}
        nearTrainIDList={nearTrainIDList}
        openTrainInfo={openTrainInfo}
        navigate={navigate}
      />
    </ScrollView>
  );
};