import React from "react";
import SafeHtmlRenderer from "../SafeHtmlRenderer";

function EventsHead({ data }: any) {
  return (
    <div className="container m-auto overflow-hidden">
      <div className="mx-auto max-w-4xl px-4 text-center">
        <h1 className="mb-4 text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">
          {data?.events?.pageTitle}
        </h1>
        <div className="safe">
          <SafeHtmlRenderer htmlContent={data?.events?.shortContent} />
        </div>
      </div>
    </div>
  );
}

export default EventsHead;