import type { SectionId } from './navigation'

export const SECTION_TITLES: Record<SectionId, string> = {
  overview: 'Overview',
  vms: 'Virtual Machines',
  docker: 'Docker',
  containers: 'Containers',
  logs: 'Logs',
  profile: 'Profile',
  configuration: 'Configuration',
  setup: 'Setup',
  login: 'Sign in',
}

const APP_TITLE = 'ClusterCanvas'

export function documentTitleFor(section: SectionId | 'loading'): string {
  if (section === 'loading') {
    return APP_TITLE
  }
  return `${APP_TITLE} - ${SECTION_TITLES[section]}`
}