"use client";

import { memo, useId } from "react";
import AboutHeaderView from "./AboutHeader.view";
import type { AboutHeaderProps } from "./AboutHeader.types";

/**
 * Figma: "Section / About Header" (22135-889654) — 320-639 / 640-1440 / 1440+.
 */
const AboutHeaderContainer = memo<AboutHeaderProps>((props) => {
  const titleId = useId();

  return <AboutHeaderView {...props} titleId={titleId} />;
});

AboutHeaderContainer.displayName = "AboutHeader";

export default AboutHeaderContainer;
