@kiwicom/orbit-components/src/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"

// @flow
import * as React from "react";
import styled from "styled-components";

import defaultTokens from "../defaultTokens";

const StyledSeparator = styled.hr`
  width: 100%;
  height: ${({ theme }) => theme.orbit.heightSeparator};
  background: ${({ theme }) => theme.orbit.backgroundSeparator};
  box-sizing: border-box;
  border-style: none;
  margin-top: 0;
  margin-bottom: ${({ theme }) => theme.orbit.spaceLarge};
`;

StyledSeparator.defaultProps = {
  theme: defaultTokens,
};

const Separator = () => <StyledSeparator />;

export default Separator;