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

type props = {
  productOut: TSproductOutSchema;
  pagination: any;
  reports: any;
  productId: string;
};

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

export default Product;