/* eslint-disable */
function ServiceTile({ icon, title, body, onMore }) {
  return (
    <article className="ccg-tile">
      <div className="ccg-tile__icon"><i data-lucide={icon}></i></div>
      <h3 className="ccg-tile__title">{title}</h3>
      <p className="ccg-tile__body">{body}</p>
      <button className="ccg-btn ccg-btn--text" onClick={onMore}>Learn more</button>
    </article>
  );
}
window.ServiceTile = ServiceTile;

function SectionHeader({ title, kicker }) {
  return (
    <header className="ccg-section-header">
      {kicker ? <div className="ccg-eyebrow">{kicker}</div> : null}
      <h2 className="ccg-section-header__title">{title}</h2>
      <hr className="ccg-rule-accent" />
    </header>
  );
}
window.SectionHeader = SectionHeader;