import { ComponentType } from "react";

import History from "src/ui/screens/History";
import Home from "src/ui/screens/Home";
import Settings from "src/ui/screens/Settings";
import Modes from "src/ui/screens/Modes";

interface Route {
  label: string;
  path: string;
  Component: ComponentType;
  iconPath: string;
}

const routes: { [key: string]: Route } = {
  home: {
    label: "Home",
    path: "/",
    Component: Home,
    iconPath: "assets/icons/home.png",
  },
  modes: {
    label: "Modes",
    path: "/modes",
    Component: Modes,
    iconPath: "assets/icons/styles.png",
  },
  history: {
    label: "History",
    path: "/history",
    Component: History,
    iconPath: "assets/icons/history.png",
  },
  settings: {
    label: "Settings",
    path: "/settings",
    Component: Settings,
    iconPath: "assets/icons/settings.png",
  },
};

export default routes;