import { useAppStore } from '../../store/appStore'; import ItemPreview from '../asset/ItemPreview'; import ClassDetail from '../script/ClassDetail'; import FlowViewer from '../flow/FlowViewer'; import GumpPreview from '../gump/GumpPreview'; import ScriptGumpDetail from '../gump/ScriptGumpDetail'; import styles from './CenterPanel.module.css'; export default function CenterPanel() { const { centerMode, selectedTile, selectedGump, selectedScriptGump } = useAppStore(); return (
{centerMode === 'empty' && (
Select an item from the left panel
)} {centerMode === 'asset_static' && selectedTile && ( )} {centerMode === 'script_class' && } {centerMode === 'flow_method' && } {centerMode === 'gump_render' && selectedScriptGump && ( )} {centerMode === 'gump_render' && !selectedScriptGump && (
Gump Renderer — Phase 4
)} {centerMode === 'gump_image' && selectedGump && ( )}
); }