function VintageGoalsInput({ id, name, value, onChange }) { return /*#__PURE__*/ React.createElement("input", { id: id, name: name, type: "text", value: value, onChange: onChange, className: "w-full bg-[#010101] text-[#7CFC00] border border-[#7CFC00] rounded p-2 font-['Courier_New'] mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function VintageGoalsInput2({ title, tasks, onChange }) { return /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("textarea", { id: "specificTasks", name: "specificTasks", value: tasks, onChange: onChange, className: "w-full bg-[#010101] text-[#7CFC00] border border-[#7CFC00] rounded p-2 font-['Courier_New'] h-[150px]", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this })); } function MainComponent() { const [strategicObjectives, setStrategicObjectives] = React.useState(""); const [operationalMilestones, setOperationalMilestones] = React.useState(""); const [specificTasks, setSpecificTasks] = React.useState(""); const [mindMapData, setMindMapData] = React.useState({}); const handleObjectiveChange = (e)=>setStrategicObjectives(e.target.value); const handleMilestoneChange = (e)=>setOperationalMilestones(e.target.value); const handleTaskChange = (e)=>setSpecificTasks(e.target.value); React.useEffect(()=>{ const data = { strategic: strategicObjectives, operational: operationalMilestones, tasks: specificTasks }; setMindMapData(data); }, [ strategicObjectives, operationalMilestones, specificTasks ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#000000] text-[#7CFC00] font-['Courier_New'] p-6", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "Operational Objectives"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "Your Strategic Goal-Setting Command Center")), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Strategic Objectives"), /*#__PURE__*/ React.createElement(VintageGoalsInput, { id: "strategicObjectives", name: "strategicObjectives", value: strategicObjectives, onChange: handleObjectiveChange, __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Operational Milestones"), /*#__PURE__*/ React.createElement(VintageGoalsInput, { id: "operationalMilestones", name: "operationalMilestones", value: operationalMilestones, onChange: handleMilestoneChange, __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement(VintageGoalsInput2, { title: "Specific Tasks", tasks: specificTasks, onChange: handleTaskChange, __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Mind Map"), /*#__PURE__*/ React.createElement("pre", { className: "bg-[#010101] p-4 rounded", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, JSON.stringify(mindMapData, null, 2)))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }, ` @font-face { font-family: 'Courier New'; src: local('Courier New'), local('CourierNew'), url('/fonts/CourierNew.woff2') format('woff2'); font-weight: 300; font-style: normal; } `)); }