"use client";
import FilterForm from "@/components/common/filter-form";
import { tjBoxFilter } from "@/components/forms/schema/tj-box-filter";
import dynamic from "next/dynamic";
import { FC, useState } from "react";
const TjBoxMaps = dynamic(() => import("@/components/maps/tj-box-maps"))


const TjMapContent: FC = () => {
    const [filterValue, setFilter] = useState(null);
    return (
        <>
            <div className="block dark:border-t dark:border-gray-600">
                <FilterForm schema={tjBoxFilter} setFilter={setFilter} grids={4} />
            </div>
            <div className="h-full w-full">
                <TjBoxMaps filterValue={filterValue} />
            </div>
        </>
    )
}

export default TjMapContent;