import { ReactNode } from "react";

// Icons Import 
import {   FaHome } from "react-icons/fa"
import { BiCategory, BiSolidCoupon, BiSolidOffer } from "react-icons/bi";


// Pages Import


import CategoriesPage from "./Pages/Categories/Page";
import AddCategoriesPage from "./Pages/Categories/View/AddPage";
import EditCategories  from "./Pages/Categories/View/EditPage";

import MealPage from "./Pages/Meal/Page";
import AddMealPage from "./Pages/Meal/View/AddPage";
import EditMeal  from "./Pages/Meal/View/EditPage";


import OfferPage from "./Pages/Offer/Page";
import AddOfferPage from "./Pages/Offer/View/AddPage";
import EditOffer  from "./Pages/Offer/View/EditPage";

import SettingPage from './Pages/Setting/Page'
import SettingEditPage from './Pages/Setting/View/EditPage'


import { SettingFilled } from "@ant-design/icons";
import { GiMeal } from "react-icons/gi";


import Home from './Pages/Home/Page'




interface RoutesLinksType {
    name?: string,
    href?: string,
    element?: ReactNode,
    icon?: any,
    Viewelement?: ReactNode,
    Viewhref?: string
    children?: any
    hidden?: boolean
}
export const RoutesLinks: RoutesLinksType[] = [

    {
        name: "Home",
        element: <Home/>,
        icon: <FaHome />,
        href: "/",
    },
   
   
   

    {
        name: "Categories",
        element: <CategoriesPage />,
        icon: <BiCategory />,
        href: "/Categories",
    },
    {
        href: "/Categories/:id",
        element: <EditCategories />,
        hidden:true
    },
    {
        href: "/Categories/add",
        element: <AddCategoriesPage />,
        hidden:true
    },
    {
        name: "Meal",
        element: <MealPage />,
        icon: <GiMeal />,
        href: "/Meal",
    },
    {
        href: "/Meal/:id",
        element: <EditMeal />,
        hidden:true
    },
    {
        href: "/Meal/add",
        element: <AddMealPage />,
        hidden:true
    },
    
    {
        name: "Offer",
        element: <OfferPage />,
        icon: <BiSolidOffer />,
        href: "/Offer",
    },
    {
        href: "/Offer/:id",
        element: <EditOffer />,
        hidden:true
    },
    {
        href: "/Offer/add",
        element: <AddOfferPage />,
        hidden:true
    },
   
    {
        name: "Setting",
        element: <SettingPage />,
        icon: <SettingFilled />,
        href: "/Setting",
    },
    
    {
        name: "SettingEdit",
        element: <SettingEditPage />,
        href: "/Setting/:id",
        hidden:true

    },
]