import { useContext } from "react";
import StoreContext from "../ctx/StoreContext.jsx";
import JobContext from "../ctx/JobContext.jsx";

import TextField from "@mui/material/TextField";

import CatalogSearch from "./components/CatalogSearch.jsx";

export default function Catalog() {
  const {
    state: jobState,
    dispatch: jobDispatch,
    jobUpdate,
    jobCreate,
  } = useContext(JobContext);

  const { state: store, updateStore } = useContext(StoreContext);

  return (
    <div className="catalog">
      <CatalogSearch />
      <TextField
          label="Search Catalog"
          type="search"
          variant="filled"
        />
    </div>
  );
}