prendy
Version:
Make games with prerendered backdrops using babylonjs and repond
34 lines (33 loc) • 1.2 kB
JavaScript
// @refresh-reset
import React from "react";
import { getRefs, useStore } from "repond";
import { PickupButton } from "./PickupButton";
export function Pickups(_props) {
const globalRefs = getRefs().global.main;
// const buttonsHolderRef = useRef<StackPanel>(null);
const { heldPickups } = useStore(({ global: { main } }) => main, {
type: "global",
id: "main",
prop: ["heldPickups"],
});
return (React.createElement("div", { id: "pickups", style: {
pointerEvents: "none",
zIndex: 1000,
display: "flex",
alignItems: "flex-start",
justifyContent: "flex-end",
flexDirection: "row",
height: "100vh",
width: "100%",
overflow: "hidden",
} },
React.createElement("div", {
//thickness={0}
style: {
zIndex: 1000,
display: "flex",
alignItems: "flex-start",
justifyContent: "flex-end",
flexDirection: "row",
} }, heldPickups.map((pickupName) => (React.createElement(PickupButton, { name: pickupName, key: pickupName }))))));
}