import React from 'react'
import PropTypes from 'prop-types'
import { Link as L } from 'rebass'

const Link = ({ children, ...props }) => <L {...props}>{children}</L>

Link.propTypes = {
  children: PropTypes.node.isRequired,
}

export default Link

import React from 'react'
import PropTypes from 'prop-types'
import { Link as L } from 'rebass'

const Link = ({ children, ...props }) => (
  <L
    sx={{
      '&:hover code': {
        color: 'orange',
      },
    }}
    {...props}
  >
    {children}
  </L>
)

Link.propTypes = {
  children: PropTypes.node.isRequired,
}

export default Link

update hover style of linked inline code