// import { GeneralHtmlAttr } from "#/lib/declarations";
// import { SVGElementType } from "react";

// const icons: SVGElementType[] = {
//   CalendarMark: "Calendar Mark.svg",
//   Document: "Document.svg",
//   Ellipse2: "Ellipse 2.svg",
//   Group1: "Group (1).svg",
//   Group: "Group.svg",
//   Icons1: "Icons (1).svg",
//   Icons: "Icons.svg",
//   LineDuotone: "Line Duotone.svg",
//   MenuDots: "Menu Dots.svg",
//   NavItem: "NavItem.svg",
//   Path1: "Path (1).svg",
//   Path: "Path.svg",
//   Rectangle: "Rectangle.svg",
//   Search: "Search.svg",
//   Vector: "Vector.svg",
//   Add: "add.svg",
//   Archives: "archives.svg",
//   ArrowLeft: "arrowLeft.svg",
//   ArrowRight: "arrowRight.svg",
//   Buildings: "buildings.svg",
//   Checked: "checked.svg",
//   Cross: "cross.svg",
//   DocumentText: "document-text.svg",
//   Edit2: "edit-2.svg",
//   Element3White: "element-3-white.svg",
//   Element3: "element-3.svg",
//   EyeSlash: "eye-slash.svg",
//   Eye: "eye.svg",
//   IconAdd: "icon-add.svg",
//   Logo: "logo.svg",
//   LogoutRed: "logout-red.svg",
//   Logout: "logout.svg",
//   Maximize3: "maximize-3.svg",
//   Message: "message.svg",
//   Notifications: "notifications.svg",
//   PhFiles: "ph_files.svg",
//   PrimeFilePdf: "prime_file-pdf.svg",
//   PrimeFileWord: "prime_file-word.svg",
//   Profile2UserBlue: "profile-2user-blue.svg",
//   Profile2User: "profile-2user.svg",
//   Profile: "profile.svg",
//   Setting2: "setting-2.svg",
//   Setting3: "setting-3.svg",
//   Share: "share.svg",
//   Star: "star.svg",
//   Moon: "moon.svg",
//   Sun: "sun.svg",
// };

// export const Icon = ({ name, ...props }: { name: keyof typeof icons } & GeneralHtmlAttr) => {
//   const IconComponent = icons[name];
//   if (!IconComponent) return null;

//   return (
//     <div {...props}>
//       {}
//     </div>
//   );
// };
