You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
560 B
23 lines
560 B
import { useIntl, defineMessages } from 'react-intl'; |
|
|
|
import { CircularProgress } from './circular_progress'; |
|
|
|
const messages = defineMessages({ |
|
loading: { id: 'loading_indicator.label', defaultMessage: 'Loading…' }, |
|
}); |
|
|
|
export const LoadingIndicator: React.FC = () => { |
|
const intl = useIntl(); |
|
|
|
return ( |
|
<div |
|
className='loading-indicator' |
|
role='progressbar' |
|
aria-busy |
|
aria-live='polite' |
|
aria-label={intl.formatMessage(messages.loading)} |
|
> |
|
<CircularProgress size={50} strokeWidth={6} /> |
|
</div> |
|
); |
|
};
|
|
|