"use client";
import FilterForm from "@/components/common/filter-form";
import { singleProductIn } from "@/components/forms/schema/product-filter";
import { TSproductInSchema } from "@/components/forms/schema/product-in";
import ProductView from "@/components/products/product-view";
import { FC, useState } from "react";

type props = {
  productIn: TSproductInSchema;
  pagination: any;
  reports: any;
  productId: string;
};

const Product: FC<props> = ({ productIn, pagination, reports, productId }) => {
  const [filterValue, setFilter] = useState("");
  return (
    <>
      <FilterForm
        grids={"6"}
        mobileGrids={2}
        schema={singleProductIn}
        setFilter={setFilter}
      />
      <ProductView
        initProductStock={productIn}
        initPagination={pagination}
        mode="In"
        initReports={reports}
        productId={productId}
        filterValue={filterValue}
      />
    </>
  );
};

export default Product;