UNPKG

@kiwicom/orbit-components

Version:

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

67 lines (58 loc) 1.92 kB
import React from "react"; import ItinerarySegment from "./ItinerarySegment"; import ItineraryStatus from "./ItineraryStatus"; import ItinerarySeparator from "./ItinerarySeparator"; import ItineraryBadgeList from "./ItineraryBadgeList"; import ItinerarySegmentStop from "./ItinerarySegment/ItinerarySegmentStop"; import ItinerarySegmentDetail from "./ItinerarySegment/ItinerarySegmentDetail"; import ItinerarySegmentBanner from "./ItinerarySegment/ItinerarySegmentBanner"; import Common from "../common/common"; /** DOCS: To implement the Itinerary component into your project you'll need to add the import: ```jsx import Itinerary, { ItinerarySegment, ItineraryBadgeList, ItinerarySegmentStop, ItinerarySegmentDetail, } from "@kiwicom/orbit-components"; ``` After adding import into your project you can use it simply like: ```jsx <Itinerary> <ItinerarySegment spaceAfter="large"> <ItinerarySegmentStop city="Moscow" station="Sheremetyevo International Airport (SVO)" date="Fri, 19.10" time="14:05" /> <ItinerarySegmentDetail duration="2h 30m" summary={<BadgeGroup />}> <CollapsedContent /> </ItinerarySegmentDetail> <ItinerarySegmentStop city="Prague" station="Václav Havel Airport Prague (PRG)" date="Fri, 19.10" time="16:35" /> </ItinerarySegment> </Itinerary> ``` */ export type Status = "warning" | "critical" | "info" | "success" | "neutral"; export interface Props extends Common.Global, Common.SpaceAfter { /** The content of Itinerary component */ readonly children: React.ReactNode; } export { ItinerarySegment, ItinerarySeparator, ItinerarySegmentStop, ItinerarySegmentBanner, ItinerarySegmentDetail, ItineraryStatus, ItineraryBadgeList, }; declare const Itinerary: React.FunctionComponent<Props>; export default Itinerary;