universal-button.js

import styled from 'styled-components' // using upcoming `as` prop in v4
import { Link } from 'react-router-dom'

const Button = styled.button`
  // styles
`

export default props => {
  if (props.href) {
    <Button as="a" {...props} rel="noreferrer noopener" target="_blank" />
  }
  
  if (props.to) {
    <Button as={Link} {...props} />
  }
  
  return <Button {...props} />
}
  
// you can easily create a factory if needed
 const makeUniversal = Component => props => { ... }