function FormProcessesList({ items }) { return /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, items.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-4 flex items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-file-alt mr-2", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), item))); } function FormProcessesListStory() { const items = [ "Form Processes", "Another Document", "Yet Another Form" ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FormProcessesList, { items: items, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function MainComponent() { const formItems = [ "Form Processes", "Another Document", "Yet Another Form" ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row w-full h-screen", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "bg-[#282c34] text-white w-full md:w-[300px] h-full p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home", __source: { fileName: "", lineNumber: 9, columnNumber: 34 }, __self: this }), " Dashboard"), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user", __source: { fileName: "", lineNumber: 10, columnNumber: 34 }, __self: this }), " Clients"), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-phone", __source: { fileName: "", lineNumber: 11, columnNumber: 34 }, __self: this }), " Call Management"), /*#__PURE__*/ React.createElement("a", { href: "https://workplace.zoho.com/#mail_app/mail/folder/inbox/p/1718993341544110001", target: "_blank", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 116 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope", __source: { fileName: "", lineNumber: 12, columnNumber: 137 }, __self: this }), " Email")), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-file", __source: { fileName: "", lineNumber: 13, columnNumber: 34 }, __self: this }), " Document Management"), /*#__PURE__*/ React.createElement("a", { href: "/client-case-manager-platform", target: "_blank", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 69 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-file-alt", __source: { fileName: "", lineNumber: 14, columnNumber: 90 }, __self: this }), " Form Processes")))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow bg-[#f5f5f5] p-6", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "mb-6", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Welcome to the Case Management Dashboard")), /*#__PURE__*/ React.createElement("section", { className: "mb-6", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Clients"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-4 rounded-md", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-left", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 26, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 27, columnNumber: 21 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 28, columnNumber: 21 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 29, columnNumber: 21 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 30, columnNumber: 21 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 35, columnNumber: 21 }, __self: this }, "John Doe"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 36, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-phone", __source: { fileName: "", lineNumber: 36, columnNumber: 42 }, __self: this }), " 555-1234"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 37, columnNumber: 21 }, __self: this }, "Active"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 38, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 42 }, __self: this }, "Manage"))), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 41, columnNumber: 21 }, __self: this }, "Jane Smith"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 42, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-phone", __source: { fileName: "", lineNumber: 42, columnNumber: 42 }, __self: this }), " 555-5678"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 43, columnNumber: 21 }, __self: this }, "Pending"), /*#__PURE__*/ React.createElement("td", { className: "py-2", __source: { fileName: "", lineNumber: 44, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 44, columnNumber: 42 }, __self: this }, "Manage"))))))), /*#__PURE__*/ React.createElement("section", { className: "mb-6", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Call Management"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-4 rounded-md", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white px-4 py-2 rounded-full", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-phone", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }), " Make a Call"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-md font-roboto mb-2", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "Call Log"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-phone", __source: { fileName: "", lineNumber: 59, columnNumber: 40 }, __self: this }), " Call to John Doe - 10 mins"), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-phone", __source: { fileName: "", lineNumber: 60, columnNumber: 40 }, __self: this }), " Call to Jane Smith - 5 mins"))))), /*#__PURE__*/ React.createElement("section", { className: "mb-6", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Email Management"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-4 rounded-md", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "emailTo", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "To"), /*#__PURE__*/ React.createElement("input", { className: "border-gray-300 border p-2 w-full mb-4", type: "email", id: "emailTo", name: "emailTo", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "emailSubject", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, "Subject"), /*#__PURE__*/ React.createElement("input", { className: "border-gray-300 border p-2 w-full mb-4", type: "text", id: "emailSubject", name: "emailSubject", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "emailBody", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, "Body"), /*#__PURE__*/ React.createElement("textarea", { className: "border-gray-300 border p-2 w-full mb-4", id: "emailBody", name: "emailBody", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, "Send")))), /*#__PURE__*/ React.createElement("section", { className: "mb-6", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Document Management"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-4 rounded-md", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "docName", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, "Document Name"), /*#__PURE__*/ React.createElement("input", { className: "border-gray-300 border p-2 w-full mb-4", type: "text", id: "docName", name: "docName", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "upload", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, "Upload Document"), /*#__PURE__*/ React.createElement("input", { className: "border-gray-300 border p-2 w-full mb-4", type: "file", id: "upload", name: "upload", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }))))))); }

Name	Contact	Status	Actions
John Doe	555-1234	Active
Jane Smith	555-5678	Pending