how to pass props in gatsby link using styledcomponent

JavaScript
<Link to="/"  activeClassName="link__active" />

<style>
.link__active {
      color: #b100c2;
    }
</style>import { Link } from 'gatsby';

const StyledLink = styled(props => <Link {...props} />)`
  color: aqua;
`;

// ...

<StyledLink to="/">
  Gatsby
</StyledLink>
Source

Also in JavaScript: