import React from 'react';
import Image from 'next/image';

import { Stack, Typography } from '@/mui/components';

import EmptyLogo from '@/assets/img/empty.svg';

import styles from './Empty.module.scss';

function Empty() {
  return (
    <Stack fullWidth className={styles.EmptyWrapper}>
      <Stack spacing={10} alignItems="center" justifyContent="center" className={styles.EmptyContent}>
        <Image src={EmptyLogo} width={175} height={175} alt="empty-logo" />
        <Typography variant="h6" color="text.primary" fontWeight={500}>
          No any data
        </Typography>
      </Stack>
    </Stack>
  );
}

export default Empty;
