umami/components/common/EmptyPlaceholder.js

17 lines
434 B
JavaScript
Raw Normal View History

2023-01-21 02:12:53 +01:00
import { Icon, Text, Flexbox } from 'react-basics';
import Logo from 'assets/logo.svg';
2023-04-21 17:00:42 +02:00
export function EmptyPlaceholder({ message, children }) {
return (
2023-01-21 02:12:53 +01:00
<Flexbox direction="column" alignItems="center" justifyContent="center" gap={60} height={600}>
<Icon size="xl">
<Logo />
</Icon>
<Text size="lg">{message}</Text>
2023-01-21 02:12:53 +01:00
<div>{children}</div>
</Flexbox>
);
}
export default EmptyPlaceholder;