// Path: Frontend/src/components/shell/data/shell.data.ts

import type { Component } from "solid-js";
import { Bell, Folder, Home, LayoutGrid, Plus, Search, Settings, User } from "../../../lib/icons";

type ShellIconProps = {
	class?: string;
	size?: number;
	strokeWidth?: number;
};

export type ShellIcon = Component<ShellIconProps>;

export type RailItem = {
	id: string;
	label: string;
	abbreviation: string;
	active?: boolean;
};

export type SidebarItem = {
	id: string;
	label: string;
	icon: ShellIcon;
	active?: boolean;
	meta?: string;
};

export type TopBarAction = {
	id: string;
	label: string;
	icon: ShellIcon;
};

export const railItems: readonly RailItem[] = [
	{ id: "personal", label: "Personal", abbreviation: "P" },
	{ id: "moku", label: "Moku", abbreviation: "M", active: true },
	{ id: "labs", label: "Labs", abbreviation: "L" },
] as const;

export const workspaceSidebarItems: readonly SidebarItem[] = [
	{ id: "home", label: "Home", icon: Home, active: true },
	{ id: "boards", label: "Boards", icon: LayoutGrid, meta: "0" },
	{ id: "docs", label: "Docs", icon: Folder, meta: "0" },
	{ id: "settings", label: "Settings", icon: Settings },
] as const;

export const topBarActions: readonly TopBarAction[] = [
	{ id: "search", label: "Search", icon: Search },
	{ id: "create", label: "Create", icon: Plus },
	{ id: "inbox", label: "Inbox", icon: Bell },
	{ id: "profile", label: "Profile", icon: User },
] as const;