import React from 'react';
import { LoadingSpinner, Status } from '@theorchard/suite-components';
import { ASSET_STATUS } from 'src/components/assetReport/types';

const AssetReportStatus = ({ assetStatus }: { assetStatus: ASSET_STATUS }) => {
    const statusToVariant = (status: string) => {
        let variant: 'error' | 'warning' | 'success' = 'error';
        if (status == ASSET_STATUS.Skipped) variant = 'warning';
        else if (status == ASSET_STATUS.Success) variant = 'success';
        return variant;
    };

    if (assetStatus == ASSET_STATUS.InProgress) {
        return <LoadingSpinner show size={16} />;
    }

    return (
        <Status
            text={assetStatus}
            variant={statusToVariant(assetStatus)}
            filled={assetStatus != 'Skipped'}
        />
    );
};

export default AssetReportStatus;