bitburner-src/src/Bladeburner/ui/BlackOpPage.tsx

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

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