function JobHuntSimulator({ title, onButtonClick }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-[#ff69b4]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "relative w-[200px] h-[200px] mt-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute w-[200px] h-[200px] bg-[#fde68a] rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-[30px] rounded-full bg-[#000] w-[50px] h-[50px]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[50px] left-[50px] rounded-full bg-[#000] w-[20px] h-[20px]", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[50px] right-[50px] rounded-full bg-[#000] w-[20px] h-[20px]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[100px] left-[75px] rounded-full bg-[#e5e7eb] w-[50px] h-[25px]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement(ProbabilityCalculatorButton, { onClick: onButtonClick, __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function JobHuntSimulatorStory() { const handleClick = ()=>{ alert("佐々木くんの確率計算"); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(JobHuntSimulator, { title: "佐々木くんの就活シミュレーター", onButtonClick: handleClick, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function ProbabilityCalculatorButton({ onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "mt-8 px-4 py-2 bg-[#4caf50] text-white rounded-full font-crimson-text", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "確率を計算する"); } function ProbabilityCalculatorButtonStory() { const handleClick = ()=>{ alert("Button clicked!"); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProbabilityCalculatorButton, { onClick: handleClick, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleButtonClick = ()=>{ alert("佐々木くんの確率計算"); }; return /*#__PURE__*/ React.createElement(JobHuntSimulator, { title: "佐々木くんの就活シミュレーター", onButtonClick: handleButtonClick, __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }); }