function GreenSubmitButton({ buttonText }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-6 py-2 bg-green-500 text-white rounded hover:bg-green-700 transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText); } function GreenSubmitButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GreenSubmitButton, { buttonText: "Start Game", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent() { const [opponentType, setOpponentType] = React.useState(''); const handleChange = (e)=>{ setOpponentType(e.target.value); }; const handleSubmit = (e)=>{ e.preventDefault(); console.log(`Game started against ${opponentType}`); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#1A202C]", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Texas Hold'em Poker"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "opponentType", className: "text-xl text-white mb-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Choose Your Opponent Type:"), /*#__PURE__*/ React.createElement("select", { name: "opponentType", id: "opponentType", className: "w-[300px] p-2 rounded bg-white text-gray-700", onChange: handleChange, __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Select Opponent Type"), /*#__PURE__*/ React.createElement("option", { value: "Tight Aggressive", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Tight Aggressive"), /*#__PURE__*/ React.createElement("option", { value: "Loose Aggressive", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Loose Aggressive"))), /*#__PURE__*/ React.createElement(GreenSubmitButton, { buttonText: "Start Game", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }))); }