import MediaQuery from "react-responsive";
import MobileHeader from "../components/home/mobile/mobileHeader/MobileHeader";
import InternalPageHeader from "../components/internalPageHeader/InternalPageHeader";
import MobileFooter from "../components/home/mobile/mobileFooter/MobileFooter";
import Footer from "../components/home/footer/Footer";
import PaymentContainer from "../components/CheckoutPage/PaymentContainer";
import { FC, useContext, useEffect, useState } from "react";
import * as CategoryAPI from "./api/category";
import CheckoutPageHeader from "../components/internalPageHeader/CheckoutPageHeader";
import _ from "lodash";
import * as CartApi from "./api/cart";
import * as commonAPI from "./api/common";
import shopConetxt from "../context/shopConetxt";
import IndisparePriceComponent from "../components/customerDashboard/indisparePrice/IndisparePriceComponent";
import { baseUrl } from "../constants/urls";
const IndisparePrice: FC<any> = () => {
    const [category, setCategory] = useState([]);
    const [categoryTree, setCategoryTree] = useState([]);
    const [stateArray,setStateArray] = useState([]);
    useEffect(() => {
        CategoryAPI.fetchCategory().then((res) => {
            setCategory(res);
        });
        CategoryAPI.fetchCategoryTree().then((res) => {
            setCategoryTree(res.categories);
        });
        commonAPI.getRequest(`${baseUrl}/api/indian-states`).then((res)=>{
            setStateArray(res?.data)
          })
    }, []);
    return (
        <>
            <MediaQuery maxWidth={768}>
                <MobileHeader stateArray={stateArray}/>
            </MediaQuery>
            <MediaQuery minWidth={769}>
                <InternalPageHeader catagories={category} categoryTree={categoryTree} stateArray={stateArray}/>
               
            </MediaQuery>
            <IndisparePriceComponent />
            <Footer stateArray={stateArray}/>
            <MediaQuery maxWidth={768}>
                <MobileFooter stateArray={stateArray}/>
            </MediaQuery>
        </>
    )
}

export default IndisparePrice;