import React  from 'react';
import {Have} from "./Have";
import {Want} from "./Want";
import { Menu } from "./components/menu";
import { viewAtom } from "./atom/atom"
import { useRecoilState } from "recoil";
import {Choose} from "./Choose";

export function App() {
    const [view] = useRecoilState(viewAtom);

    return (
        <div>
          <Menu />
          <Have visible={view === 'have'}/>
          <Want visible={view === 'want'}/>
          <Choose visible={view === 'choose'} type={"want"} wantGroupId={0}/>
        </div>


    );
}