"use client";

/**
 * Figma: "Section / Centered Header" (24214:25892)
 */

import { memo } from "react";
import { useMessages } from "../../../contexts/MessagesContext";
import CenteredHeaderView from "./CenteredHeader.view";
import type { CenteredHeaderSegment } from "./CenteredHeader.types";

const CenteredHeaderContainer = memo(() => {
  const copy = useMessages().pages.about.centeredHeader;
  return (
    <CenteredHeaderView
      accessibleName={copy.accessibleName}
      subhead={copy.subhead}
      credit={copy.credit}
      segments={copy.segments as CenteredHeaderSegment[]}
    />
  );
});

CenteredHeaderContainer.displayName = "CenteredHeader";

export default CenteredHeaderContainer;