// Right-pane content for Settings. Renders by store.settingsPage.

import React from 'react';
import { useStore } from '@/lib/store';
import { NodePage } from './NodePage';
import { IdentityPage } from './IdentityPage';
import { DevicesPage } from './DevicesPage';
import { AboutPage } from './AboutPage';

export function SettingsDetail(): React.ReactElement {
  const page = useStore(s => s.settingsPage);
  switch (page) {
    case 'node':     return <NodePage />;
    case 'identity': return <IdentityPage />;
    case 'devices':  return <DevicesPage />;
    case 'about':    return <AboutPage />;
  }
}
