@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.
31 lines • 1.58 kB
JavaScript
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-1b9essu-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.paletteCloudNormal, theme.orbit.durationFast, theme.orbit.durationFast, theme.orbit.durationFast, theme.orbit.paletteCloudNormal));
StyledTileGroup.defaultProps = {
theme: defaultTheme
};
const TileGroup = ({
children,
dataTest,
id,
as
}) => {
return (
/*#__PURE__*/
// @ts-expect-error FIXME: ts-migrate
React.createElement(StyledTileGroup, {
"data-test": dataTest,
as: as,
id: id
}, children)
);
};
export default TileGroup;