import { ReactComponent as BlocksConnectedIcon } from "../assets/blocks/ontiltleft-bare.svg";
import { PosterItem } from "../types";
import { GaugePhase } from "./GaugePhase";
import tiltleftGif from "../assets/cogTiltLeft.gif";

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

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

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