import React from "react";
import CountrySelector from "./CountrySelector";
import GovernorateSelector from "./GovernorateSelector";
import CitySelector from "./CitySelector";
import AddressInput from "./AddressTextarea";
import { useTranslation } from "react-i18next";
import { Button } from "@/components/ui/button";

const AddressForm = () => {
  const { t } = useTranslation("cart");
  return (
    <div className="flex flex-col gap-4">
      <CountrySelector />
      <GovernorateSelector />
      <CitySelector />
      <AddressInput />
      <Button
        variant="outline"
        type="button"
        className="lg:w-fit w-1/2 rounded-sm px-7 py-3 uppercase font-semibold text-sm mb-4 lg:mb-7"
      >
        {t("saveAddress")}
      </Button>
    </div>
  );
};

export default AddressForm;