function PhotoReviewPlatform({ guidelines, onPhotoSubmit, onFeedbackSubmit, onMutualEvaluationSubmit }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Photo Submission Portal"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: onPhotoSubmit, __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-bold mb-2", htmlFor: "file", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Upload Photo"), /*#__PURE__*/ React.createElement("input", { name: "file", className: "w-full", type: "file", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full", type: "submit", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Submit")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Review Process"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, guidelines)), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: onFeedbackSubmit, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Feedback"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-bold mb-2", htmlFor: "feedback", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Comments"), /*#__PURE__*/ React.createElement("textarea", { name: "feedback", className: "w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none", rows: "3", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-bold mb-2", htmlFor: "score", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Score"), /*#__PURE__*/ React.createElement("input", { name: "score", className: "w-full", type: "number", min: "1", max: "10", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full mt-4", type: "submit", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Submit Feedback")), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: onMutualEvaluationSubmit, __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Mutual Evaluation"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-bold mb-2", htmlFor: "mutualEvaluation", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Rate Feedback Quality"), /*#__PURE__*/ React.createElement("input", { name: "mutualEvaluation", className: "w-full", type: "number", min: "1", max: "10", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full mt-4", type: "submit", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Submit Evaluation"))); } function PhotoReviewPlatformStory() { const guidelines = "Photos will be assigned to 3 or 5 judges who must provide feedback within the time limit."; const handlePhotoSubmit = (e)=>{ e.preventDefault(); // Handle photo submission }; const handleFeedbackSubmit = (e)=>{ e.preventDefault(); // Handle feedback submission }; const handleMutualEvaluationSubmit = (e)=>{ e.preventDefault(); // Handle mutual evaluation submission }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PhotoReviewPlatform, { guidelines: guidelines, onPhotoSubmit: handlePhotoSubmit, onFeedbackSubmit: handleFeedbackSubmit, onMutualEvaluationSubmit: handleMutualEvaluationSubmit, __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this })); } function MainComponent() { const guidelines = "Photos will be assigned to 3 or 5 judges who must provide feedback within the time limit."; const submitPhoto = (e)=>{ e.preventDefault(); // Logic to submit photo and assign it to 3 or 5 judges }; const submitFeedback = (e)=>{ e.preventDefault(); // Logic to collect feedback from judges within the time limit }; const submitMutualEvaluation = (e)=>{ e.preventDefault(); // Logic for mutual evaluation and account suspension }; const subscribePremium = (e)=>{ e.preventDefault(); // Logic for premium subscription }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PhotoReviewPlatform, { guidelines: guidelines, onPhotoSubmit: submitPhoto, onFeedbackSubmit: submitFeedback, onMutualEvaluationSubmit: submitMutualEvaluation, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Participation Requirement"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "You must review 3 other photos before your own can be evaluated.")), /*#__PURE__*/ React.createElement("form", { onSubmit: subscribePremium, className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Premium Evaluations"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Subscribe for premium evaluations with faster and more detailed reviews."), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "Subscribe")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Advertisements"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Check out our affiliate links and advertisements for related services and products."))); }