Loosing component props when using 'as' styled-components prop on component

Question

I wrote a CallToAction component like so:

const CallToAction = ({ text = "Default text" }) => (
  {text}