import { useMemo } from 'react';
import { useTheme } from '@mui/material/styles';

const useEmpty = () => {
  const theme = useTheme();

  return useMemo(
    () => ({
      name: 'Empty',
      id: 'empty',
      color: theme.palette.chart.grid,
      show: true,
      type: 'area',
      yAxisSecond: false,
      invisible: false,
      areaProps: {}
    }),
    [theme.palette.chart.grid]
  );
};

export { useEmpty };