@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
JavaScript
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;