import {useState} from "react";
import BookSettingSidebar from "@/components/book/settings/BookSettingSidebar";
import BookSettingOption from "@/components/book/settings/BookSettingOption";

export default function BookSetting() {
    const [currentSetting, setCurrentSetting] = useState<string>('basic-information')
    return (
        <div
            className={'flex justify-start bg-tertiary/90 backdrop-blur-sm rounded-2xl overflow-hidden border border-secondary/50 shadow-2xl'}>
            <div className={'bg-secondary/30 backdrop-blur-sm w-1/4 border-r border-secondary/50'}>
                <BookSettingSidebar selectedSetting={currentSetting} setSelectedSetting={setCurrentSetting}/>
            </div>
            <div className={'flex-1 setting-container bg-tertiary/50 p-6'}>
                <BookSettingOption setting={currentSetting}/>
            </div>
        </div>
    )
}