import React from "react"
import QcItemSaveLoading from "./QcItemSaveLoading"
import QcItemSave from "./QcItemSave";
import { fetchQcItemDetails } from "@/app/api/settings/qcItem";

interface SubComponents {
    Loading: typeof QcItemSaveLoading;
}

type SaveQcItemProps = {
    id?: string
}

type Props = SaveQcItemProps

const QcItemSaveWrapper: React.FC<Props> & SubComponents = async (
    props
) => {
    const qcItem = props.id ? await fetchQcItemDetails(props.id) : undefined;

    return <QcItemSave defaultInputs={qcItem} />;
};

QcItemSaveWrapper.Loading = QcItemSaveLoading;

export default QcItemSaveWrapper;