import styled from 'styled-components'
import { Link } from 'react-router-dom'

function LinkContainer(props) {
  const { children, classes, className } = props
  return (
    <Link {...props} className={`link ${classes || ''} ${className}`}>
      {children}
    </Link>
  )
}

const StyledLink = styled(LinkContainer)`
  text-decoration: none;
  color: #dc3545;
`

export default (props) => <StyledLink {...props} />