19 lines
914 B
TypeScript
19 lines
914 B
TypeScript
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>
|
|
)
|
|
}
|