import { TooltipComponent, TooltipInfo } from "./TooltipComponent";

  tooltip: TooltipInfo,

  private fpsTracker: FpsComponent;
  private reticle: ReticleComponent;
  private efficiencyBar: EfficiencyBarComponent;

  private fpsTracker!: FpsComponent;
  private reticle!: ReticleComponent;
  private efficiencyBar!: EfficiencyBarComponent;

    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));

      instance: this.fpsTracker,
      propsFactory: fpsTrackerPropsFactory,

      propsFactory: (props: Props, state: State) => {
        return {
          delta: props.delta,
          position: new Vector2(0, 0),
          appSize: props.appSize,
        };
      },

    const reticlePropsFactory = (props: Props, state: State) => {
      return {
        appSize: props.appSize,
      };
    };
    this.reticle = new ReticleComponent(reticlePropsFactory(props, this.state));

      instance: this.reticle,
      propsFactory: reticlePropsFactory,

      propsFactory: (props: Props, state: State) => {
        return {
          appSize: props.appSize,
        };
      },

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

      instance: this.efficiencyBar,
      propsFactory: efficiencyBarPropsFactory,

      propsFactory: (props: Props, state: State) => {
        return {
          delta: props.delta,
          args: {},
          updaters: {},
          tick: props.tick,
          position: new Vector2(60, 60),
          efficiencyPercent: remapQuestEfficiencyToDisplayable(computeQuestEfficiencyPercent(props.gameState.playerSave)),
        };
      },

    this.addChild({
      childClass: TooltipComponent,
      propsFactory: (props: Props, state: State) => {
        return { ...props.tooltip };
      }
    });

import { TooltipInfo } from "./TooltipComponent";

  tooltip: TooltipInfo;

      pointNodeTexture: new Lazy(() => generatePointNodeTexture(props.args.renderer)),
      tick: 0,
      playerCurrentZ: 0,

        pointNodeTexture: new Lazy(() => generatePointNodeTexture(props.args.renderer)),
        tick: 0,
        playerCurrentZ: 0,
        tooltip: {
          visible: false,
          position: undefined,
          text: '',
        }

        tooltip: { ...state.tooltip }

type Props = {
  args: {
  },

export type TooltipInfo = {

  position: Vector2;

  position: Vector2 | undefined; // should be nonnull if visible === true

type Props = {
} & TooltipInfo;

    this.container.position = PixiPointFrom(props.position);

    this.container.position = PixiPointFrom(props?.position || Vector2.Zero);