function MainComponent({ onRecordStart, onRecordStop, onDelete, onSubmit, onPlay, onVolumeIncrease, onVolumeDecrease }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-4 p-4 bg-gray-100 w-[300px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white font-roboto py-2 px-4 rounded w-full", onClick: onRecordStart, name: "recordStart", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "記録開始"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white font-roboto py-2 px-4 rounded w-full", onClick: onRecordStop, name: "recordStop", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "記録停止"), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 text-white font-roboto py-2 px-4 rounded w-full", onClick: onDelete, name: "delete", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, "削除"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white font-roboto py-2 px-4 rounded w-full", onClick: onPlay, name: "play", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, "再生"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 w-full", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-500 text-white font-roboto py-2 px-4 rounded w-full", onClick: onVolumeIncrease, name: "volumeIncrease", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "音量大きく"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-500 text-white font-roboto py-2 px-4 rounded w-full", onClick: onVolumeDecrease, name: "volumeDecrease", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "音量小さく")), /*#__PURE__*/ React.createElement("button", { className: "bg-purple-500 text-white font-roboto py-4 px-4 rounded w-full", onClick: onSubmit, name: "submit", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, "投稿")); } function StoryComponent() { const handleRecordStart = ()=>console.log('Record started'); const handleRecordStop = ()=>console.log('Record stopped'); const handleDelete = ()=>console.log('Deleted'); const handleSubmit = ()=>console.log('Submitted'); const handlePlay = ()=>console.log('Playing'); const handleVolumeIncrease = ()=>console.log('Volume increased'); const handleVolumeDecrease = ()=>console.log('Volume decreased'); return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-screen bg-gray-200", __source: { fileName: "", lineNumber: 69, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { onRecordStart: handleRecordStart, onRecordStop: handleRecordStop, onDelete: handleDelete, onSubmit: handleSubmit, onPlay: handlePlay, onVolumeIncrease: handleVolumeIncrease, onVolumeDecrease: handleVolumeDecrease, __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this })); }