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.

29 lines (27 loc) 1.26 kB
import * as React from "react"; import styled from "styled-components"; import { StyledTripSegment, StyledTripSegmentMilestone } from "../TripSegment"; import defaultTheme from "../defaultTheme"; import { left, right } from "../utils/rtl"; const StyledTripSector = styled.div.withConfig({ displayName: "TripSector__StyledTripSector", componentId: "v14xkf-0" })(["display:flex;position:relative;width:100%;padding-", ":2px;box-sizing:border-box;flex-direction:column;font-family:", ";&:before{content:\" \";display:block;position:absolute;background-color:", ";width:1px;height:100%;", ":7px;top:0;}", ":last-child{position:relative;", ":after{content:\" \";position:absolute;top:13px;right:0;bottom:0;left:0;width:16px;background:", ";}}"], right, ({ theme }) => theme.orbit.fontFamily, ({ theme }) => theme.orbit.paletteCloudNormal, left, StyledTripSegment, StyledTripSegmentMilestone, ({ theme }) => theme.orbit.paletteWhite); StyledTripSector.defaultProps = { theme: defaultTheme }; const TripSector = ({ children, dataTest }) => React.createElement(StyledTripSector, { "data-test": dataTest }, children); export default TripSector; export { default as TripDate } from "./TripDate"; export { default as TripLayover } from "./TripLayover";