UNPKG

@kiwicom/orbit-components

Version:

<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"

20 lines (15 loc) 700 B
import * as React from "react"; import styled from "styled-components"; import defaultTokens from "../../defaultTokens"; export const StyledCardSection = styled.div.withConfig({ displayName: "CardSection__StyledCardSection" })(["width:100%;padding:", ";box-sizing:border-box;border-top:", ";&:first-of-type{border:0;}"], ({ theme }) => theme.orbit.spaceLarge, ({ theme }) => `${theme.orbit.borderWidthCard} ${theme.orbit.borderStyleCard} ${theme.orbit.borderColorCard}`); StyledCardSection.defaultProps = { theme: defaultTokens }; const CardSection = ({ children, dataTest }) => React.createElement( StyledCardSection, { "data-test": dataTest }, children ); export default CardSection;