import { Component, inject } from '@angular/core';
import { WorldStore } from '../../features/world/world.store';

const runtimeArtworkPaths: Readonly<Record<string, string>> = {
  '/images/backgrounds/Suedtor.png': '/images/backgrounds/runtime/Suedtor-960.jpg',
  '/images/backgrounds/Aschestrasse.png': '/images/backgrounds/runtime/Aschestrasse-960.jpg',
};

@Component({
  selector: 'app-context-panel',
  templateUrl: './context-panel.component.html',
  styleUrl: './context-panel.component.scss',
})
export class ContextPanelComponent {
  protected readonly worldStore = inject(WorldStore);

  protected runtimeArtworkPath(artworkPath: string): string | undefined {
    return runtimeArtworkPaths[artworkPath];
  }
}
