function MainComponent({ insuranceOption, onSwipeLeft, onSwipeRight }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md p-4 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-center text-lg mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, insuranceOption.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, insuranceOption.description), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>onSwipeLeft(insuranceOption), className: "text-white bg-red-500 hover:bg-red-700 transition-colors duration-200 rounded-full p-3", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>onSwipeRight(insuranceOption), className: "text-white bg-green-500 hover:bg-green-700 transition-colors duration-200 rounded-full p-3", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }))))); } function StoryComponent() { const insuranceOptions = [ { name: "Insurance Plan A", description: "Description for Insurance Plan A" }, { name: "Insurance Plan B", description: "Description for Insurance Plan B" }, { name: "Insurance Plan C", description: "Description for Insurance Plan C" } ]; const interestedOptions = []; const dismissedOptions = []; const onSwipeLeft = (option)=>{ dismissedOptions.push(option); alert(`Swiped left on ${option.name}, option dismissed.`); }; const onSwipeRight = (option)=>{ interestedOptions.push(option); alert(`Swiped right on ${option.name}, option is interesting.`); }; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 p-8", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, insuranceOptions.map((option, index)=>/*#__PURE__*/ React.createElement(MainComponent, { key: index, insuranceOption: option, onSwipeLeft: onSwipeLeft, onSwipeRight: onSwipeRight, __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }))); }