1import React, { FC } from 'react';
2import { LoadingPlaceholder } from '@grafana/ui';
3
4interface Props {
5  pageName?: string;
6}
7
8const PageLoader: FC<Props> = ({ pageName = '' }) => {
9  const loadingText = `Loading ${pageName}...`;
10  return (
11    <div className="page-loader-wrapper">
12      <LoadingPlaceholder text={loadingText} />
13    </div>
14  );
15};
16
17export default PageLoader;
18