/* global React */

function RodeDraadBanner({ badge = 'De rode draad', titleA = 'Alles in', titleItalic = 'één lijn', body, cta = 'Stuur me een berichtje', onCta }) {
  return (
    <div className="cs-rode-draad">
      <div>
        <span className="cs-rode-draad-badge">{badge}</span>
        <h3>{titleA} <em>{titleItalic}</em></h3>
        <p>{body}</p>
      </div>
      <a href="contact.html" className="cs-btn-primary cs-btn-on-dark" onClick={onCta}>
        <span>{cta}</span><span className="arrow">→</span>
      </a>
    </div>
  );
}

window.RodeDraadBanner = RodeDraadBanner;