@rocketsofawesome/mirage/src/core/typography/NavyHr.js

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

import PropTypes from 'prop-types'
import styled from 'styled-components'
import BaseHr from './Hr.base'

const NavyHr = styled(BaseHr)`
  background-color: ${props => props.theme.colors.navy};
`

NavyHr.propTypes = {
  theme: PropTypes.shape({
    colors: PropTypes.shape({
      navy: PropTypes.string
    })
  }),
}

/** @component */
export default NavyHr