// @flow
import type { ReactComponentStyled } from "styled-components";

import type { Carrier } from "../CarrierLogo";
import type { Globals } from "../common/common.js.flow";

export type ExpandedType = {|
  expanded: boolean,
|};

export type State = {|
  ...ExpandedType,
  initialExpanded: boolean,
|};

export type Props = {|
  ...Globals,
  +children: React$Node,
  +carrier: Carrier,
  +departure: string,
  +departureTime: string,
  +arrival: string,
  +arrivalTime: string,
  +duration: string | number,
  +initialExpanded?: boolean,
  +onClick?: () => void | Promise<any>,
|};

declare export default React$ComponentType<Props>;
declare export var StyledTripSegment: ReactComponentStyled<any>;
declare export var StyledTripSegmentMilestone: ReactComponentStyled<any>;