import { h, Component } from 'preact';

import Link from './Link';

import formatTime from '../util/formatTime';

export default class Result extends Component {
  toggle() {
    console.log('toggle');
    this.setState({
      expand: !this.state.expand,
    })
  }

  render(props, { expand }) {
    return (
      <li className={{ expand }} onClick={() => this.toggle()}>
        {formatTime(props.DepDateTime)} - {formatTime(props.ArrDateTime)}
        <ul>
          {props.RouteLinks.RouteLink.map((link, i) => <Link key={i} {...link} />)}
        </ul>
      </li>
    );
  }
}
