function MainComponent() { const [characterName, setCharacterName] = React.useState(''); const [classAndLevel, setClassAndLevel] = React.useState({ class: '', level: 1 }); const [race, setRace] = React.useState(''); const [alignment, setAlignment] = React.useState(''); const [background, setBackground] = React.useState(''); const [playerName, setPlayerName] = React.useState(''); const [experiencePoints, setExperiencePoints] = React.useState(''); const [abilityScores, setAbilityScores] = React.useState({ strength: 0, dexterity: 0, constitution: 0, intelligence: 0, wisdom: 0, charisma: 0 }); const [proficiencyBonus, setProficiencyBonus] = React.useState(2); const [inspiration, setInspiration] = React.useState(''); const [armorClass, setArmorClass] = React.useState(''); const [initiative, setInitiative] = React.useState(''); const [hitPoints, setHitPoints] = React.useState({ max: 0, current: 0, temporary: 0 }); const [hitDice, setHitDice] = React.useState(''); const [deathSaves, setDeathSaves] = React.useState({ successes: 0, failures: 0 }); const [attacks, setAttacks] = React.useState([]); const [equipment, setEquipment] = React.useState([]); const [featuresTraits, setFeaturesTraits] = React.useState(''); const [notes, setNotes] = React.useState(''); const handleChange = (setter)=>(event)=>{ setter(event.target.value); }; const handleAddAttack = ()=>{ setAttacks([ ...attacks, { name: '', bonus: '', damageType: '', range: '', ammo: '' } ]); }; const handleAttackChange = (index, key, value)=>{ const newAttacks = [ ...attacks ]; newAttacks[index][key] = value; setAttacks(newAttacks); }; const handleAddEquipment = ()=>{ setEquipment([ ...equipment, { name: '', type: '', ac: '', weight: '' } ]); }; const handleEquipmentChange = (index, key, value)=>{ const newEquipment = [ ...equipment ]; newEquipment[index][key] = value; setEquipment(newEquipment); }; const handleDeathSaveChange = (type)=>{ setDeathSaves({ ...deathSaves, [type]: deathSaves[type] + 1 }); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-[#010101] text-white flex flex-col p-4", __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Character Name", className: "w-full md:w-1/5 p-2 bg-[#1a1a1a] border border-[#4a4a4a] text-sm mb-2", value: characterName, onChange: handleChange(setCharacterName), name: "characterName", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "hitPoints", className: "block text-xs mb-1", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Hit Points"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "hitPoints", className: "w-1/4 p-2 bg-[#1a1a1a] border border-[#4a4a4a] text-sm mb-2", value: hitPoints.max, onChange: (e)=>setHitPoints({ ...hitPoints, max: e.target.value }), name: "hitPointsMax", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "block text-xs", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Hit Dice: ", hitDice), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Death Saves: Successes ", deathSaves.successes, " Failures ", deathSaves.failures))), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs mb-1", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "Attacks & Spellcasting"), /*#__PURE__*/ React.createElement("button", { onClick: handleAddAttack, className: "text-sm mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Add Attack"), attacks.map((attack, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Weapon Name", className: "w-1/4 p-2 bg-[#1a1a1a] border border-[#4a4a4a] text-sm", value: attack.name, onChange: (e)=>handleAttackChange(index, 'name', e.target.value), name: `weaponName-${index}`, __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs mb-1", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, "Armor & Equipment"), /*#__PURE__*/ React.createElement("button", { onClick: handleAddEquipment, className: "text-sm mb-2", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "Add Equipment"), equipment.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Armor Name", className: "w-1/4 p-2 bg-[#1a1a1a] border border-[#4a4a4a] text-sm", value: item.name, onChange: (e)=>handleEquipmentChange(index, 'name', e.target.value), name: `equipmentName-${index}`, __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "featuresTraits", className: "block text-xs mb-1", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, "Features & Traits"), /*#__PURE__*/ React.createElement("textarea", { id: "featuresTraits", className: "w-full h-24 p-2 bg-[#1a1a1a] border border-[#4a4a4a] text-sm mb-2", value: featuresTraits, onChange: handleChange(setFeaturesTraits), name: "featuresTraits", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "notes", className: "block text-xs mb-1", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, "Notes"), /*#__PURE__*/ React.createElement("textarea", { id: "notes", className: "w-full h-24 p-2 bg-[#1a1a1a] border border-[#4a4a4a] text-sm", value: notes, onChange: handleChange(setNotes), name: "notes", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this })))); }