"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const FrontendComponent = ({ activityDetails, onSubmit }) => {
    const [value, setValue] = react_1.default.useState('');
    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Completing activity id: ", activityDetails.activity_id] }), (0, jsx_runtime_1.jsx)("pre", { children: JSON.stringify(activityDetails, null, 2) }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: value, onChange: (e) => { setValue(e.target.value); } }), (0, jsx_runtime_1.jsx)("button", { onClick: () => { void onSubmit(activityDetails.activity_id, [{ key: 'world', value: String(value) }]); }, children: "Submit" })] }));
};
exports.default = FrontendComponent;
//# sourceMappingURL=index.js.map