digitransit-ui/app/component/Loading.js
2024-03-15 08:13:24 +02:00

23 lines
625 B
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
import ContainerSpinner from '@hsl-fi/container-spinner';
const defaultMessage = (
<span className="sr-only" aria-busy="true" aria-live="polite">
<FormattedMessage id="loading" defaultMessage="Loading" />
</span>
);
export default function Loading(props) {
return (
<ContainerSpinner visible>
{props?.children || defaultMessage}
</ContainerSpinner>
);
}
Loading.displayName = 'Loading';
Loading.propTypes = { children: PropTypes.node };
Loading.defaultProps = { children: undefined };