import { ReactNode, lazy } from "react";

// Icons Import 

import { Home } from "react-feather";
import { AiFillQuestionCircle, AiFillStar} from "react-icons/ai"
import {FaUserFriends , FaUser, FaHome, FaSadCry, FaProductHunt, FaBorderAll, FaAdversal } from "react-icons/fa"
import { MdOutlineCategory, MdPrivacyTip, MdProductionQuantityLimits } from "react-icons/md";
import {DiDatabase} from "react-icons/di"
import { FiMail } from "react-icons/fi";
import {CgUnavailable} from "react-icons/cg"
import {BsCode, BsInfoCircle} from "react-icons/bs"
import {AiOutlineTransaction ,AiFillSetting ,AiFillGift} from "react-icons/ai"
import { IoIosNotificationsOutline, IoIosPaper, } from "react-icons/io";
import { BiCategory, BiLockAlt } from "react-icons/bi";
import { RiCouponFill } from "react-icons/ri";
import { IoPersonAddSharp } from "react-icons/io5";
import { MdOutlineManageAccounts } from "react-icons/md";
import { TbBrandSocketIo } from "react-icons/tb";
import { BsPersonFillAdd } from "react-icons/bs";
import { FaMessage } from "react-icons/fa6";
import { TfiLayoutSlider } from "react-icons/tfi";
import { GrServices } from "react-icons/gr";
import { VscProject } from "react-icons/vsc";
import { GiNetworkBars } from "react-icons/gi";
import { PiCertificateBold } from "react-icons/pi";
import { IoMdPerson } from "react-icons/io";

// Pages Import
import ContactPage from "./Pages/Contact/ContactPage";
import TeamMemberPage from "./Pages/teamMember/TeamMemberPage";
import CategoryPage from "./Pages/category/CategoryPage";
import ProductPage from "./Pages/product/ProductPage";
import CertificatePage from "./Pages/certificate/CertificatePage";

interface RoutesLinksType {
    name?: string,
    href?: string,
    element?: ReactNode,
    icon?: any,
    Viewelement?: ReactNode,
    Viewhref?: string
    children?: any
    // Hidden the route from the navigation sidebar
    hidden?: boolean 
}
export const RoutesLinks: RoutesLinksType[] = [

   

    {
        name: "Category",  
        element: <CategoryPage />, 
        icon: <MdOutlineCategory />, 
        href: "/", 
    },
    {
        name: "Product",  
        element: <ProductPage />, 
        icon: <FaProductHunt />, 
        href: "/product", 
    },
    {
        name: "contact",  
        element: <ContactPage />, 
        icon: <FaMessage />, 
        href: "/contact", 
    },
    {
        name: "Certificate",  
        element: <CertificatePage />, 
        icon: <PiCertificateBold />, 
        href: "/certificate", 
    },
    {
        name: "Team Member",  
        element: <TeamMemberPage />, 
        icon: <IoMdPerson />, 
        href: "/teamMember", 
    }

]
