import React from "react";
import {Container, Row, Col} from "react-bootstrap";
import {RxDot} from "react-icons/rx"
import Line from "./Line";
const Waypoint = (props) => {
console.log(props.left)
const style = props.left === "true" ? {textAlign: "left"} : {}
console.log(style)
const getTimeAsString = (dateString) => {
if(dateString === '')
return ''
const date = new Date(dateString)
return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
}
return (
<>
{props.left === "true" &&
{getTimeAsString(props.time)}
}
{props.city}
{props.left !== "true" &&
{getTimeAsString(props.time)}
}
{props.left === "true" &&
}
{props.left !== "true" &&
}
{/**/}
{/* */}
{/*
*/}
);
};
export default Waypoint;