roa-mirage/src/typography/Hr.base.js

[Live Demo of the Pattern Library](https://mealeyst.github.io/mirage/)

import PropTypes from 'prop-types'
import styled from 'styled-components'

const BaseHr = styled.hr`
  height: 1px;
  width: ${props => props.width};
  border: none;
`

BaseHr.propTypes = {
  width: PropTypes.string.isRequired
}

BaseHr.defaultProps = {
  width: '100%'
}

/** @component */
export default BaseHr