import LayoutDashboard from "@lucide/svelte/icons/layout-dashboard";
import AppWindow from "@lucide/svelte/icons/app-window";
import { BellRingIcon, Link } from "@lucide/svelte";
import UserCircle from "~icons/lucide/user-circle";

export type AppSidebarItem = {
    title: string;
    url: string;
    icon?: any;
    isActive?: boolean;
    items?: {
        title: string;
        url: string;
    }[];
};

export const mainNavTree = [
    {
        title: "Dashboard",
        url: "/dashboard",
        icon: LayoutDashboard,
        isActive: true,
    },
    {
        title: "Links",
        url: "/links",
        icon: Link,
    },
    {
        title: "Supported Apps",
        url: "/supported-apps",
        icon: AppWindow,
    },
] as AppSidebarItem[];

export const secondaryNavTree = [
    {
        title: "Account",
        url: "/account",
        icon: UserCircle,
    },
    {
        title: "Notifications",
        url: "/notifications",
        icon: BellRingIcon,
    },
] as AppSidebarItem[];

export const FRONTEND_URL = "https://iotam-frontend.snapyra.com";
export const WS_SCRCPY_URL = "https://iotam-ws-scrcpy.snapyra.com";

export const TRANSITION_COLORS = "transition-colors duration-150 ease-in-out";
export const TRANSITION_ALL = "transition-all duration-150 ease-in-out";
