"use client";

import AdProfileContent from "@/components/billboards/Profile/AdProfileContent";
import AdProfileHead from "@/components/billboards/Profile/AdProfileHead";
import Container from "@/components/elements/Container";
import LocalePageShell from "@/components/i18n/LocalePageShell";
import { IAdvertisingProfile } from "@/types/types";
import { useTranslation } from "react-i18next";

type AdvertisingProfileContentProps = {
  profile: IAdvertisingProfile;
  id: string;
};

export default function AdvertisingProfileContent({
  profile,
  id,
}: AdvertisingProfileContentProps) {
  const { t } = useTranslation("common");

  return (
    <LocalePageShell>
      <Container>
        <h1 className="sr-only">
          {profile.vitrine_name} - {profile.category} {t("billboards.profile.h1In")}{" "}
          {profile.city?.name}, {profile.neighbourhood}
        </h1>

        <AdProfileHead profile={profile} id={id} />
        <AdProfileContent profile={profile} />
      </Container>
    </LocalePageShell>
  );
}
