function TravelPreferencesForm({ onSubmit }) { return /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "mt-8 space-y-4 w-full max-w-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-gray-500", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "weather"), /*#__PURE__*/ React.createElement("select", { name: "weather", className: "border border-gray-300 px-3 py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Sunny"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Snowy"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Blazing Hot"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Cool"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-gray-500", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "location"), /*#__PURE__*/ React.createElement("select", { name: "location", className: "border border-gray-300 px-3 py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Beach"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Mountains"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Desert"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-gray-500", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "dates"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dates", className: "border border-gray-300 px-3 py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-gray-500", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "distance"), /*#__PURE__*/ React.createElement("input", { name: "distance", type: "number", placeholder: "how far can you go?", className: "border border-gray-300 px-3 py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-gray-500", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "budget"), /*#__PURE__*/ React.createElement("input", { name: "budget", type: "number", placeholder: "how much are we talkin?", className: "border border-gray-300 px-3 py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(LetsGoButton, { __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }))); } function TravelPreferencesFormStory() { const handleSubmit = (e)=>{ e.preventDefault(); // handle form submission logic }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TravelPreferencesForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this })); } function SignUpButton({ children }) { return /*#__PURE__*/ React.createElement("button", { className: "font-roboto bg-white text-black border-2 border-black rounded-full px-4 py-2", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function SignUpButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SignUpButton, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "Sign up")); } function LetsGoButton({ type = "submit", buttonText = "lets go!" }) { return /*#__PURE__*/ React.createElement("button", { type: type, className: "mt-4 bg-black text-white font-bold py-2 px-6 rounded-full font-roboto flex items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText, " ", /*#__PURE__*/ React.createElement("span", { className: "ml-2 fa fa-arrow-right", __source: { fileName: "", lineNumber: 7, columnNumber: 20 }, __self: this })); } function LetsGoButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LetsGoButton, { __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(LetsGoButton, { type: "button", buttonText: "custom text!", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function ActivityPlannerMessage({ message }) { return /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, message.start, " ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 4, columnNumber: 23 }, __self: this }), message.middle, " ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 5, columnNumber: 24 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, message.end)); } function ActivityPlannerMessageStory() { const message = { start: "you've got nothing going on", middle: "so.. let's find you something to do", end: "next week :)" }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ActivityPlannerMessage, { message: message, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); }; const message = { start: "you've got nothing going on", middle: "so.. let's find you something to do", end: "next week :)" }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 border-b border-gray-200", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/b602f9fb-b9c4-40e6-aded-60eccca6dceb/", alt: "Next Week logo", className: "w-[40px] h-[40px]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Next Week")), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement(SignUpButton, { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Sign up"))), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col justify-center items-center mt-16 px-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(ActivityPlannerMessage, { message: message, __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8 w-full max-w-lg", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(TravelPreferencesForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })))); }

you've got nothing going on so.. let's find you something to do next week :)

you've got nothing going on
so.. let's find you something to do
next week :)