/* global React */

function BtnPrimary({ children, arrow = '→', onClick, href }) {
  const C = href ? 'a' : 'button';
  return <C className="cs-btn-primary" href={href} onClick={onClick}><span>{children}</span><span className="arrow">{arrow}</span></C>;
}
function BtnGhost({ children, arrow = '→', onClick, href }) {
  const C = href ? 'a' : 'button';
  return <C className="cs-btn-ghost" href={href} onClick={onClick}>{children} <span className="arrow">{arrow}</span></C>;
}
function NavCTA({ children = 'Stuur me een berichtje', onClick, href = 'contact.html' }) {
  return <a className="cs-nav-cta" href={href} onClick={onClick}><span>{children}</span><span className="arrow">→</span></a>;
}

window.BtnPrimary = BtnPrimary;
window.BtnGhost = BtnGhost;
window.NavCTA = NavCTA;