@kiwicom/orbit-components/es/Separator/index.js

<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"

import * as React from "react";
import styled from "styled-components";

import defaultTokens from "../defaultTokens";

const StyledSeparator = styled.hr.withConfig({
  displayName: "Separator__StyledSeparator"
})(["width:100%;height:", ";background:", ";box-sizing:border-box;border-style:none;margin-top:0;margin-bottom:", ";"], ({ theme }) => theme.orbit.heightSeparator, ({ theme }) => theme.orbit.backgroundSeparator, ({ theme }) => theme.orbit.spaceLarge);

StyledSeparator.defaultProps = {
  theme: defaultTokens
};

const Separator = () => React.createElement(StyledSeparator, null);

export default Separator;