ghost-keychain/packages/extension-ui/src/components/Loading.tsx
2021-01-03 11:33:53 +01:00

25 lines
491 B
TypeScript

// Copyright 2019-2021 @polkadot/extension-ui authors & contributors
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import useTranslation from '../hooks/useTranslation';
interface Props {
children?: React.ReactNode;
}
export default function Loading ({ children }: Props): React.ReactElement<Props> {
const { t } = useTranslation();
if (!children) {
return (
<div>{t<string>('... loading ...')}</div>
);
}
return (
<>{children}</>
);
}