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.

28 lines (25 loc) 1.59 kB
import * as React from "react"; import styled, { css } from "styled-components"; import { StyledTileWrapper } from "../Tile/components/TileWrapper"; import defaultTheme from "../defaultTheme"; import { StyledSlide } from "../utils/Slide"; const StyledTileGroup = styled.div.withConfig({ displayName: "TileGroup__StyledTileGroup", componentId: "sc-tuzvgn-0" })(["", ""], ({ theme }) => css(["width:100%;padding:0;margin:0;box-shadow:", ";border-radius:", ";", "{background:", ";}", "{border-radius:0;:first-child{border-top-left-radius:", ";border-top-right-radius:", ";}:last-child{border-bottom-left-radius:", ";border-bottom-right-radius:", ";}:not(:last-child){border-bottom:1px solid ", ";}box-shadow:none;transition:background ", " ease-in-out,box-shadow ", " ease-in-out,border-color ", " ease-in-out;:hover,:focus{background:", ";}}"], theme.orbit.boxShadowAction, theme.orbit.borderRadiusNormal, StyledSlide, theme.orbit.paletteWhite, StyledTileWrapper, theme.orbit.borderRadiusNormal, theme.orbit.borderRadiusNormal, theme.orbit.borderRadiusNormal, theme.orbit.borderRadiusNormal, theme.orbit.paletteCloudDark, theme.orbit.durationFast, theme.orbit.durationFast, theme.orbit.durationFast, theme.orbit.paletteCloudNormal)); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198 StyledTileGroup.defaultProps = { theme: defaultTheme }; const TileGroup = ({ children, dataTest, as }) => { return /*#__PURE__*/React.createElement(StyledTileGroup, { "data-test": dataTest, as: as }, children); }; export default TileGroup;