slanted-gamedev-toolz
Version:
A slanted mix of tools for your brilliant ideas in game design.
17 lines (16 loc) • 871 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { textOutline } from "../GameCard/GameCardSx";
export const GameHeader = ({ runLevel, isLevelBeaten, isGameOver, }) => {
return (_jsxs("h1", { style: {
display: "flex",
flexWrap: "wrap",
flexDirection: "row",
justifyContent: "center",
alignItems: "baseline",
padding: 0,
margin: 0,
gap: 8,
color: "pink",
...textOutline.black,
}, children: [_jsx("span", { children: "Level" }), _jsx("span", { children: runLevel }), isLevelBeaten ? (_jsx("span", { style: { color: "lime", ...textOutline.black }, children: " Complete" })) : null, isGameOver ? (_jsx("span", { style: { color: "red", fontSize: "0.8em", ...textOutline.white }, children: " Game Over" })) : null] }));
};