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";
import { env } from "$env/dynamic/public";

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 WS_SCRCPY_URL = env.PUBLIC_WS_SCRCPY_SVC_URL;

export const COMPANY_NAME = "SaaS Template";
export const WEBSITE_URL = "https://company.com";

export const CONTACT_EMAIL = "contact@company.com";
export const CONTACT_INFO = { email: CONTACT_EMAIL };

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