import { Box, Text } from '@wix/design-system';
import React from 'react';
import { observer } from 'mobx-react-lite';
function _ImportStepError({ state }) {
    const { importStatus, translate: t } = state;
    const errorMessage = importStatus.isError && importStatus.error instanceof Error
        ? importStatus.error.message
        : t('cairo.import.genericError');
    return (React.createElement(Box, { direction: "vertical", gap: "SP2" },
        React.createElement(Text, { size: "small", skin: "error" }, errorMessage)));
}
export const ImportStepError = observer(_ImportStepError);
//# sourceMappingURL=ImportStepError.js.map