src/components/common/Empty.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { Row } from '@umami/react-zen';
import { useMessages } from '@/components/hooks';

export interface EmptyProps {
  message?: string;
}

export function Empty({ message }: EmptyProps) {
  const { formatMessage, messages } = useMessages();

  return (
    <Row
      color="muted"
      alignItems="center"
      justifyContent="center"
      width="100%"
      height="100%"
      minHeight="70px"
      flexGrow={1}
    >
      {message || formatMessage(messages.noDataAvailable)}
    </Row>
  );
}