mirror of
https://github.com/kremalicious/umami.git
synced 2024-06-23 17:56:24 +02:00
23 lines
556 B
TypeScript
23 lines
556 B
TypeScript
import { ReactNode } from 'react';
|
|
import { Icon, Text, Flexbox } from 'react-basics';
|
|
import Logo from 'assets/logo.svg';
|
|
|
|
export interface EmptyPlaceholderProps {
|
|
message: string;
|
|
children?: ReactNode;
|
|
}
|
|
|
|
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;
|