import React from "react";
import MeCard from "../me-card";
import Heading from "../heading";
import ContactForm from "../contact-form";
import { getTranslations } from "next-intl/server";

export default async function Contact({
  withoutMeCard,
}: {
  withoutMeCard?: boolean;
}) {
  const t = await getTranslations();
  return (
    <div className="flex flex-col lg:flex-row gap-12 lg:gap-20 container ">
      {!withoutMeCard && (
        <MeCard className="mx-auto order-last lg:order-first lg:sticky lg:top-20" />
      )}
      <div className="w-full space-y-4 p-4">
        <Heading subTitle={t("contact.subTitle")} title={t("contact.title")} />
        <ContactForm />
      </div>
    </div>
  );
}
