import React from 'react';
import { ErrorMessage } from '@theorchard/suite-components';
import { formatMessage } from '../../utils';

interface Props {
    error?: { message?: string };
}

const LoadingIndicator: React.FC<Props> = ({ error }) =>
    error ? (
        <ErrorMessage
            variant="full-page"
            illustration="fatalError"
            title={formatMessage('errors.default')}
            className="w-auto"
        />
    ) : (
        <div />
    );

export default LoadingIndicator;