/* eslint-disable */
function Hero({ eyebrow, title, body, cta, onCta }) {
  return (
    <section className="ccg-hero">
      <div className="ccg-hero__photo" aria-hidden="true">
        <img src="assets/CCGoffice.jpg" alt="" className="ccg-hero__photo-img" />
      </div>
      <div className="ccg-hero__copy">

        <h1 className="ccg-hero__title">{title}</h1>
        <hr className="ccg-rule-accent" />
        <p className="ccg-hero__body">{body}</p>
        {cta ? (
          <button className="ccg-btn ccg-btn--primary" onClick={onCta}>{cta}</button>
        ) : null}
      </div>
    </section>
  );
}
window.Hero = Hero;