"use client";
import React from "react";
import EmptyAddresses from "../profile/addresses/EmptyAddresses";
import CheckoutAddressesDetials from "./CheckoutAddressesDetials";
import { useSelector } from "react-redux";
import { RootState } from "@/store/store";
import Loader from "@/shared/Loader/Loader";

export default function CheckoutAddresses({ setAuthStage, dialogOpen }: any) {
  const { mainLoader, allAddressesItems } = useSelector(
    (state: RootState) => state.AddressConfig
  );
  const data = allAddressesItems;
  if (mainLoader) {
    return (
      <div className="screen_loader h-[720px] relative inset-0  z-[1] grid place-content-center animate__animated">
        <Loader />
      </div>
    );
  }
  return (
    <>
      {data?.length > 0 ? (
        <CheckoutAddressesDetials
          setAuthStage={setAuthStage}
          setIsOpen={dialogOpen}
          addresses={data}
        />
      ) : (
        <EmptyAddresses setAuthStage={setAuthStage} setIsOpen={dialogOpen} />
      )}
    </>
  );
}