// 상황별 도움말을 제공하는 인터페이스
interface ComponentWithContextualHelp {
  showHelp(): void;
}

// 기본 컴포넌트 추상 클래스
abstract class Component implements ComponentWithContextualHelp {
  tooltipText: string | null = null;
  protected container: Container | null = null;

  showHelp(): void {
    if (this.tooltipText !== null) {
      // 툴팁 표시
      console.log(`Tooltip: ${this.tooltipText}`);
    } else if (this.container !== null) {
      // 부모 컨테이너에게 위임
      this.container.showHelp();
    }
  }
}

// 컨테이너 추상 클래스
abstract class Container extends Component {
  protected children: Component[] = [];

  add(child: Component): void {
    this.children.push(child);
    child.container = this;
  }
}

// 버튼 컴포넌트
class Button extends Component {
  // 기본 구현 사용
}

// 패널 컴포넌트
class Panel extends Container {
  modalHelpText: string | null = null;

  showHelp(): void {
    if (this.modalHelpText !== null) {
      // 모달 창에 도움말 표시
      console.log(`Modal Help: ${this.modalHelpText}`);
    } else {
      super.showHelp();
    }
  }
}

// 다이얼로그 컴포넌트
class Dialog extends Container {
  wikiPageURL: string | null = null;

  showHelp(): void {
    if (this.wikiPageURL !== null) {
      // Wiki 페이지 열기
      console.log(`Opening Wiki: ${this.wikiPageURL}`);
    } else {
      super.showHelp();
    }
  }
}

// 애플리케이션
class Application {
  private dialog: Dialog;
  private panel: Panel;
  private button: Button;

  createUI(): void {
    this.dialog = new Dialog();
    this.dialog.wikiPageURL = "https://wiki.example.com/budget-reports";

    this.panel = new Panel();
    this.panel.modalHelpText = "This panel shows budget reports.";

    this.button = new Button();
    this.button.tooltipText = "Click OK to confirm.";

    this.panel.add(this.button);
    this.dialog.add(this.panel);
  }

  onF1KeyPress(component: Component): void {
    component.showHelp();
  }
}