import { useState } from "react";
import { ChooseArt } from "./pages/ChooseArt";
import { Paint } from "./pages/Paint";

export const App: React.FC = () => {
    const [chosenArt, setChosenArt] = useState<undefined | string>(undefined);

    if (chosenArt === undefined) {
        return <ChooseArt artSubmissionCallback={setChosenArt} />
    }

    return <Paint art={chosenArt} />
}