import React from 'react';
import Step2Confirm from 'src/components/bulkUploadSidebar/step2Description/step2Confirm';
import Step2Upload from 'src/components/bulkUploadSidebar/step2Description/step2Upload';
import { ASSET_UPLOADING_STATUS, BULK_CREATION_STEPS } from 'src/constants';

const Step2Description = ({
    activeStep,
    assetUploadingStatus,
    numCompleteProducts,
    numTotalProducts,
    onDownloadReport,
}: {
    activeStep: BULK_CREATION_STEPS;
    assetUploadingStatus: ASSET_UPLOADING_STATUS;
    numCompleteProducts: number;
    numTotalProducts: number;
    onDownloadReport: () => void;
}) => {
    if (activeStep == BULK_CREATION_STEPS.CONNECT_ASSETS)
        return <Step2Upload assetUploadingStatus={assetUploadingStatus} />;
    else if (activeStep == BULK_CREATION_STEPS.CONFIRM)
        return (
            <Step2Confirm
                skipConnectAssets={
                    assetUploadingStatus == ASSET_UPLOADING_STATUS.SKIPPED
                }
                numCompleteProducts={numCompleteProducts}
                numTotalProducts={numTotalProducts}
                onDownloadReport={onDownloadReport}
            />
        );
    else return null;
};

export default Step2Description;