function StartButton({ onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#333] text-white font-mono rounded", onClick: onClick, name: "start-button", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Start"); } function StartButtonStory() { const startGame = ()=>{ console.log("Game started"); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(StartButton, { onClick: startGame, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { const [grid, setGrid] = React.useState(Array.from({ length: 200 }).fill(false)); function startGame() { const newGrid = [ ...grid ]; newGrid[0] = true; setGrid(newGrid); } return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#1a1a1a]", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow-lg w-[300px]", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-mono text-center text-[#333] mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "TETORISU"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-10 gap-[2px] bg-black p-[2px] w-[300px] h-[600px]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, grid.map((filled, index)=>{ const cellClassName = filled ? 'bg-[#ffff00]' : 'bg-[#1b1b1b]'; return /*#__PURE__*/ React.createElement("div", { key: index, className: `w-full h-full ${cellClassName}`, __source: { fileName: "", lineNumber: 17, columnNumber: 20 }, __self: this }); })), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(StartButton, { onClick: startGame, __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this })))); }