import * as React from "react";
import { BlackOpList } from "./BlackOpList";
import { IBladeburner } from "../IBladeburner";
import { IPlayer } from "../../PersonObjects/IPlayer";

interface IProps {
  bladeburner: IBladeburner;
  player: IPlayer;
}

export function BlackOpPage(props: IProps): React.ReactElement {
  return (
    <>
      <p style={{ display: "block", margin: "4px", padding: "4px" }}>
        Black Operations (Black Ops) are special, one-time covert operations.
        Each Black Op must be unlocked successively by completing the one before
        it.
        <br />
        <br />
        <b>
          Your ultimate goal to climb through the ranks of Bladeburners is to
          complete all of the Black Ops.
        </b>
        <br />
        <br />
        Like normal operations, you may use a team for Black Ops. Failing a
        black op will incur heavy HP and rank losses.
      </p>
      <BlackOpList bladeburner={props.bladeburner} player={props.player} />
    </>
  );
}