"use client";

import Container from "@/components/elements/Container";
import LocalePageShell from "@/components/i18n/LocalePageShell";
import { useTranslation } from "react-i18next";

type Props = {
  province?: string;
  city?: string;
  neighbourhood?: string;
  address?: string;
};

export default function BillboardLocationLabels({
  province,
  city,
  neighbourhood,
  address,
}: Props) {
  const { t } = useTranslation("common");

  return (
    <>
      <div className="flex gap-4 mt-4">
        <span>
          {t("settings.profile.province")}: {province}
        </span>
        <h3>
          {t("settings.profile.city")}: {city}
        </h3>
        <h4>
          {t("settings.profile.neighbourhood")}: {neighbourhood}
        </h4>
      </div>
      <div className="flex gap-4 mt-2">
        <h5>
          {t("settings.profile.address")}: {address}
        </h5>
      </div>
    </>
  );
}
