import * as React from 'react';

import { useTranslations } from '@shoptet/ui-core-web';

import { dictionary } from './dictionary';

export const TableEmpty: React.FC<React.PropsWithChildren> = ({ children, ...rest }) => {
  const translations = useTranslations(dictionary);

  return (
    <p className='table__empty' {...rest}>
      {children ?? translations.noEntriesFound}
    </p>
  );
};