import { ReactElement } from 'react';
import { renderHook } from '@testing-library/react-hooks';
import { cleanup } from '@testing-library/react';
import { ThemeProvider } from '../../../components/@styles/theme-provider';
import type { Theme } from '../../../components/@styles/theme-provider';
import { StyledEngineProvider } from '@mui/material/styles';
import { useEmpty } from './useEmpty';

afterEach(cleanup);

test('should useEmpty send data', () => {
  const wrapper = ({ children }: { children: ReactElement }) => (
    <StyledEngineProvider injectFirst>
      <ThemeProvider>{children}</ThemeProvider>
    </StyledEngineProvider>
  );
  const { result } = renderHook(() => useEmpty(), { wrapper });

  expect(result.current).toMatchInlineSnapshot(`
    Object {
      "areaProps": Object {},
      "color": "#dde6f2",
      "id": "empty",
      "invisible": false,
      "name": "Empty",
      "show": true,
      "type": "area",
      "yAxisSecond": false,
    }
  `);
});