import { Spacer } from "@nextui-org/react"
import Filter from "./components/Filter"
import Table from "./components/Table"
import MoreMenu from "./components/MoreMenu"
import { Suspense } from "react"

const Result = () => {
  return (
    <>
      <div className="flex justify-between items-center">
        <div className="font-semibold text-xl">Stock Opname Result</div>
        <Suspense fallback={<div>Loading...</div>}>
          <MoreMenu />
        </Suspense>
      </div>
      <Spacer y={4} />
      <Filter />
      <Spacer y={4} />
      <Table />
    </>
  )
}

export default Result