function CaseStudy({ slug, theme, eyebrow, title, body, ctaUrl, ctaLabel, shotLabel }) {
  return (
    <section className={`sp-case-study ${theme}`} id={`case-${slug}`}>
      <div className="sp-case-head">
        {typeof eyebrow === "string" ? (
          <div className="lbl" dangerouslySetInnerHTML={{ __html: eyebrow }} />
        ) : (
          <div className="lbl">{eyebrow}</div>
        )}
      </div>
      <div className="sp-case-body">
        <div className="sp-case-text">
          {typeof title === "string" ? (
            <h2 dangerouslySetInnerHTML={{ __html: title }} />
          ) : (
            <h2>{title}</h2>
          )}
          {typeof body === "string" ? (
            <p dangerouslySetInnerHTML={{ __html: body }} />
          ) : (
            <p>{body}</p>
          )}
          <a href={ctaUrl} className="sp-case-cta">
            {typeof ctaLabel === "string" ? (
              <span dangerouslySetInnerHTML={{ __html: ctaLabel }} />
            ) : (
              <span>{ctaLabel}</span>
            )}
            {" →"}
          </a>
        </div>
        <div className="sp-case-shot">
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { CaseStudy });