import React from "react";
import QcItemSearchLoading from "./QcItemSearchLoading";
import QcItemSearch from "./QcItemSearch";
import { fetchQcItems } from "@/app/api/settings/qcItem";

interface SubComponents {
  Loading: typeof QcItemSearchLoading;
}

const QcItemSearchWrapper: React.FC & SubComponents = async () => {
  const [qcItems] = await Promise.all([fetchQcItems()]);

  return <QcItemSearch qcItems={qcItems} />;
};

QcItemSearchWrapper.Loading = QcItemSearchLoading;

export default QcItemSearchWrapper;