slanted-gamedev-toolz
Version:
A slanted mix of tools for your brilliant ideas in game design.
39 lines (38 loc) • 2.15 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { textOutline } from "../GameCard/GameCardSx";
import { numberWithCommas } from "../../util/numberWithComma";
export const HandResults = ({ lastHandScore, levelTarget, isLevelBeaten, }) => {
return (_jsxs("div", { children: [_jsx("div", { style: {
display: "flex",
flexWrap: "wrap",
flexDirection: "row",
justifyContent: "center",
width: "100%",
gap: 10,
}, children: _jsxs("h1", { style: { padding: 0, margin: "10px 0 0 0" }, children: [_jsx("span", { style: {
...textOutline.white,
color: "green",
}, children: numberWithCommas(lastHandScore) }), _jsx("span", { style: {
...textOutline.black,
color: "lime",
fontSize: "0.8em",
}, children: " Cats Join!" })] }) }), isLevelBeaten ? null : (_jsx("div", { style: {
display: "flex",
flexWrap: "wrap",
flexDirection: "row",
justifyContent: "center",
width: "100%",
gap: 10,
}, children: _jsxs("h1", { style: { padding: 0, margin: 0 }, children: [_jsx("span", { style: {
...textOutline.black,
color: "red",
fontSize: "0.8em",
}, children: "need " }), _jsx("span", { style: {
...textOutline.white,
color: "red",
}, children: numberWithCommas(levelTarget - lastHandScore) }), _jsx("span", { style: {
...textOutline.black,
color: "red",
fontSize: "0.8em",
}, children: " more...." })] }) }))] }));
};