import useHuGoTheme from 'src/hooks/useHuGoTheme';

import { CycleProvider } from './CycleContext';
import GoalsContent from './GoalsContent';
import { GoalsProvider } from './GoalsContext';

const Goals = () => {
  const HuGoThemeProvider = useHuGoTheme();

  return (
    <HuGoThemeProvider>
      <CycleProvider>
        <GoalsProvider>
          <GoalsContent />
        </GoalsProvider>
      </CycleProvider>
    </HuGoThemeProvider>
  );
};

export default Goals;
