import React from "react";
import {
  ArrowLeft,
  Download,
  KeyRound,
  User,
  Palette,
  Settings
} from "lucide-react";

export const settingsSidebarItems: {
  name: string;
  icon: JSX.Element;
  path: string;
}[] = [
    {
      name: "Back To App",
      icon: <ArrowLeft size={18} />,
      path: "/dashboard/day/today",
    },
    {
      name: "User Info",
      icon: <User size={18} />,
      path: "/settings/info",
    },

    {
      name: "App Configuration",
      icon: <Settings size={18} />,
      path: "/settings/app",
    },

    {
      name: "Color Settings",
      icon: <Palette size={18} />,
      path: "/settings/colors",
    },
    {
      name: "Import / Export",
      icon: <Download size={18} />,
      path: "/settings/import",
    },
    {
      name: "API Keys",
      icon: <KeyRound size={18} />,
      path: "/settings/api-keys",
    },
    {
      name: "Database",
      icon: <Download size={18} />,
      path: "/settings/database",
    }
  ];
