import { LifecycleHandlerBase } from "./LifecycleHandler";

import { engageLifecycle, LifecycleHandlerBase } from "./LifecycleHandler";

}

}
const wrapped = engageLifecycle(FixedCameraStageComponent);
// eslint-disable-next-line
type wrapped = FixedCameraStageComponent;
export { wrapped as FixedCameraStageComponent };
export type { Props as FixedCameraStageComponentProps };

import { FixedCameraStageComponent } from "./FixedCameraStageComponent";

  public fixedCameraStage: Pixi.Container;

  public fixedCameraStage: FixedCameraStageComponent;

  public fpsTracker: FpsComponent;

  public reticle: ReticleComponent;

  public efficiencyBar: EfficiencyBarComponent;

    this.fixedCameraStage = new Pixi.Sprite();
    this.fixedCameraStage.zIndex = 1;
    this.fixedCameraStage.sortableChildren = true;
    this.container.addChild(this.fixedCameraStage);

    const fixedCameraStagePropsFactory = (props: Props, state: State) => {
      return {
        args: {
          renderer: props.args.renderer,
          markForceUpdate: this.markForceUpdate,
        },
        delta: props.delta,
        gameState: props.gameState,
        appSize: props.appSize,
        tick: state.tick,
      };
    }
    this.fixedCameraStage = new FixedCameraStageComponent(fixedCameraStagePropsFactory(props, this.state));
    this.addChild({
      childClass: FixedCameraStageComponent,
      instance: this.fixedCameraStage,
      propsFactory: fixedCameraStagePropsFactory,
    })

    let fpsTrackerPropsFactory = (props: Props, state: State) => {
      return {
        delta: props.delta,
        position: new Vector2(0, 0),
        appSize: props.appSize,
      };
    };
    this.fpsTracker = new FpsComponent(fpsTrackerPropsFactory(props, this.state));
    this.registerChild({
      childClass: FpsComponent,
      instance: this.fpsTracker,
      propsFactory: fpsTrackerPropsFactory,
    })
    // this is not container.addChild, so let's manage this ourselves, outside of lifecyclehandler
    this.fixedCameraStage.addChild(this.fpsTracker.container);

    const reticlePropsFactory = (props: Props, state: State) => {
      return {
        appSize: props.appSize,
      };
    };
    this.reticle = new ReticleComponent(reticlePropsFactory(props, this.state));
    this.registerChild({
      childClass: ReticleComponent,
      instance: this.reticle,
      propsFactory: reticlePropsFactory,
    });
    this.fixedCameraStage.addChild(this.reticle.container);

    let efficiencyBarPropsFactory = (props: Props, state: State) => {
      return {
        delta: props.delta,
        args: {},
        updaters: {},
        tick: state.tick,
        position: new Vector2(60, 60),
        efficiencyPercent: remapQuestEfficiencyToDisplayable(computeQuestEfficiencyPercent(props.gameState.playerSave)),
      };
    };
    this.efficiencyBar = new EfficiencyBarComponent(efficiencyBarPropsFactory(props, this.state));
    this.registerChild({
      childClass: EfficiencyBarComponent,
      instance: this.efficiencyBar,
      propsFactory: efficiencyBarPropsFactory,
    });
    this.fixedCameraStage.addChild(this.efficiencyBar.container);

export { wrapped as RootComponent };
export type { Props as ZLevelComponentProps };

export { wrapped as RootComponent };