import { ReactComponent as BlocksConnectedIcon } from "../assets/blocks/ontiltright-bare.svg";
import { PosterItem } from "../types";
import { GaugePhase } from "./GaugePhase";
import tiltrightGif from "../assets/cogTiltRight.gif";

type Props = {
    nextPhase: () => void;
};

const initialBlock = { block: "tiltright", execute: async () => true } as PosterItem;

export function Phase2({ nextPhase }: Props) {
    return <GaugePhase nextPhase={nextPhase} BlocksConnectedIcon={BlocksConnectedIcon} initialBlock={initialBlock} blocksGif={tiltrightGif} />
}