umami/components/common/EmptyPlaceholder.js
2023-04-21 08:00:42 -07:00

17 lines
434 B
JavaScript

import { Icon, Text, Flexbox } from 'react-basics';
import Logo from 'assets/logo.svg';
export function EmptyPlaceholder({ message, children }) {
return (
<Flexbox direction="column" alignItems="center" justifyContent="center" gap={60} height={600}>
<Icon size="xl">
<Logo />
</Icon>
<Text size="lg">{message}</Text>
<div>{children}</div>
</Flexbox>
);
}
export default EmptyPlaceholder;