import {useContext, useState} from "react";
import {ChapterContext} from "@/context/ChapterContext";
import {BookContext} from "@/context/BookContext";
import {SettingBookContext} from "@/context/SettingBookContext";
import TextEditor from "./TextEditor";
import BookList from "@/components/book/BookList";
import BookSettingOption from "@/components/book/settings/BookSettingOption";
import NoBookHome from "@/components/editor/NoBookHome";

export default function ScribeEditor() {
    const {chapter} = useContext(ChapterContext);
    const {book} = useContext(BookContext);
    
    const [bookSettingId, setBookSettingId] = useState<string>('');

    return (
        <SettingBookContext.Provider value={{bookSettingId, setBookSettingId}}>
            <div className="flex-1 bg-darkest-background">
                {
                    chapter ? (
                        <TextEditor/>
                    ) : book ? (
                        <NoBookHome/>
                    ) : book === null ? (
                        <BookList/>
                    ) : bookSettingId && (
                        <BookSettingOption setting={bookSettingId}/>
                    )
                }
            </div>
        </SettingBookContext.Provider>
    );
}