function MainComponent({ flashlightStatus, toggleFlashlight, errorMessage }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-800", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-6 py-3 text-lg font-bold text-white bg-yellow-500 rounded-md hover:bg-yellow-400 focus:outline-none", onClick: toggleFlashlight, name: "flashlightButton", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, flashlightStatus ? 'Turn Off' : 'Turn On'), errorMessage && /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-sm text-red-200", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, errorMessage)); } function StoryComponent() { const mockToggleFlashlight = ()=>console.log("Toggling flashlight..."); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 text-xl font-semibold text-center text-gray-900", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Flashlight Component Demo"), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-2 text-lg font-semibold text-gray-700", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Flashlight Off"), /*#__PURE__*/ React.createElement(MainComponent, { flashlightStatus: false, toggleFlashlight: mockToggleFlashlight, __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-2 text-lg font-semibold text-gray-700", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Flashlight On"), /*#__PURE__*/ React.createElement(MainComponent, { flashlightStatus: true, toggleFlashlight: mockToggleFlashlight, __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-2 text-lg font-semibold text-gray-700", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Error State"), /*#__PURE__*/ React.createElement(MainComponent, { flashlightStatus: false, toggleFlashlight: mockToggleFlashlight, errorMessage: "Failed to access flashlight.", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })))); }