"use client";

import Breadcrumb from "@/src/components/custom-components/breadcrumb";
import { routes } from "@/src/config/routes";
import { animations } from "@/src/constants/animations";
import { apiEndpoints } from "@/src/server_api/config/api.endpoints";
import useApi from "@/src/server_api/hooks/use-api";
import { APIFetch } from "@/src/server_api/utils/api-fetch";
import Policy from "@/src/shared-pages/shipping-policy/policy";

export default function ShippingPolicyClient() {
    const { data, isLoading } = useApi({
        apiEndpoint: apiEndpoints.pages.shipping_policy,
        enableFetchApi: true,
        forceRefetch: true,
    });

    return (
        <div className="bg-white mt-10">
            <Breadcrumb
                items={[
                    {
                        title: "Home",
                        href: routes.home,
                    },
                    {
                        title: "Shipping Policy",
                    },
                ]}
            />

            <APIFetch
                lengthCheckObject={data}
                isLoading={isLoading}
                animatedLoading={animations.policies}
                blocks={8}
            >
                <Policy data={data} />
            </APIFetch>
        </div>
    );
}