tweak-tools
Version:
Tweak your React projects until awesomeness
32 lines (31 loc) • 1.48 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Vector2dComponent = exports.Container = void 0;
const react_1 = __importDefault(require("react"));
const styles_1 = require("../../styles");
const Vector_1 = require("../Vector");
const UI_1 = require("../UI");
const Joystick_1 = require("./Joystick");
const context_1 = require("../../context");
exports.Container = (0, styles_1.styled)('div', {
display: 'grid',
columnGap: '$colGap',
variants: {
withJoystick: {
true: { gridTemplateColumns: '$sizes$rowHeight auto' },
false: { gridTemplateColumns: 'auto' },
},
},
});
function Vector2dComponent() {
const { label, displayValue, onUpdate, settings } = (0, context_1.useInputContext)();
return (react_1.default.createElement(UI_1.Row, { input: true },
react_1.default.createElement(UI_1.Label, null, label),
react_1.default.createElement(exports.Container, { withJoystick: !!settings.joystick },
settings.joystick && react_1.default.createElement(Joystick_1.Joystick, { value: displayValue, settings: settings, onUpdate: onUpdate }),
react_1.default.createElement(Vector_1.Vector, { value: displayValue, settings: settings, onUpdate: onUpdate }))));
}
exports.Vector2dComponent = Vector2dComponent;