/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f4f7f6]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#0052cc] text-white p-6", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-epilogue", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Contact Information Database")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-8", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-6", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-2xl text-[#032b43]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Featured Contacts"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-[#687684]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "A selection of premium contacts available")), /*#__PURE__*/ React.createElement("button", { className: "bg-[#0052cc] text-white font-epilogue py-2 px-4 rounded-md", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Add New Contact")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "shadow-md overflow-hidden border-b border-gray-200", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200 bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 16, columnNumber: 12 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { scope: "col", className: "font-epilogue px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider bg-indigo-500 text-white", __source: { fileName: "", lineNumber: 19, columnNumber: 18 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "font-epilogue px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider bg-indigo-500 text-white", __source: { fileName: "", lineNumber: 22, columnNumber: 18 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "font-epilogue px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider bg-indigo-500 text-white", __source: { fileName: "", lineNumber: 25, columnNumber: 18 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "font-epilogue px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider bg-indigo-500 text-white", __source: { fileName: "", lineNumber: 28, columnNumber: 18 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-barlow text-gray-900", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, "John Doe"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-barlow text-gray-900", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "tel:(123)456-7890", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, "(123) 456-7890")), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-barlow text-gray-900", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "johndoe@example.com"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-indigo-600 hover:text-indigo-900 px-4 bg-indigo-100 rounded-md", __source: { fileName: "", lineNumber: 46, columnNumber: 20 }, __self: this }, "Edit"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-red-600 hover:text-red-900 bg-red-100 rounded-md", __source: { fileName: "", lineNumber: 49, columnNumber: 20 }, __self: this }, "Delete"))))))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("details", { className: "group", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("summary", { className: "flex justify-between items-center p-4 rounded-lg bg-white shadow cursor-pointer", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-epilogue text-lg text-[#032b43]", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Jane Smith"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-chevron-down group-open:rotate-180 transition-transform duration-300", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "border-t mt-2 p-4 bg-gray-50", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-epilogue text-md text-gray-800 mb-2", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Details"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-sm text-gray-600", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Phone: ", /*#__PURE__*/ React.createElement("a", { href: "tel:(987)654-3210", __source: { fileName: "", lineNumber: 69, columnNumber: 69 }, __self: this }, "(987) 654-3210")), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-sm text-gray-600", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Email: janesmith@example.com"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-sm text-gray-600", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Location: Anytown, USA"), /*#__PURE__*/ React.createElement("div", { className: "pt-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#0052cc] text-white font-epilogue py-2 px-4 rounded-md mr-2", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Edit"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-600 text-white font-epilogue py-2 px-4 rounded-md", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Delete"))))))));