function DownwardArrowIcon() { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-chevron-down ml-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); } function DownwardArrowIconStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DownwardArrowIcon, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-blue-500 text-lg font-bold mr-2", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 5, columnNumber: 66 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Lists")), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-green-500 font-bold mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "Gardening"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "h-6 w-6", name: "ask-jackelyn", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-lg font-medium", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Ask Jackelyn to borrow her truck"), /*#__PURE__*/ React.createElement(DownwardArrowIcon, { __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2 p-2 bg-gray-200 rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./jackelyn.jpg", alt: "Profile of Jackelyn Perra", className: "h-8 w-8 rounded-full", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm font-medium", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Messaging: Jackelyn Perra"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "h-6 w-6", name: "get-gravel", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Get gravel for walkway")), /*#__PURE__*/ React.createElement("span", { className: "ml-10 text-blue-500 text-sm", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "#shoppinglist")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "h-6 w-6", name: "buy-mulch", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Buy mulch")), /*#__PURE__*/ React.createElement("span", { className: "ml-10 text-blue-500 text-sm", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "#shoppinglist")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "h-6 w-6", name: "pick-up-soil", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Pick up soil for succulents")), /*#__PURE__*/ React.createElement("span", { className: "ml-10 text-blue-500 text-sm", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "#shoppinglist")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "h-6 w-6", name: "look-up-vines", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 text-lg", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Look up native vines for along the fence")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-red-500", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm text-red-500 font-medium", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Arriving: Francine’s Home"))))); }