import {
    BarChart3,
    BotIcon,
    LayoutGrid,
    TrendingUp,
    User
    
} from 'lucide-react';
import type {LucideIcon} from 'lucide-react';
import { dashboard } from '@/routes';

export type TourPlacement = 'top' | 'bottom' | 'left' | 'right' | 'auto';

export type TourStep = {
    id: string;
    selector: string;
    title: string;
    description: string;
    icon: LucideIcon;
    placement?: TourPlacement;
    route?: string;
    requiresSidebar?: boolean;
};

export const TOUR_STEPS: TourStep[] = [
    {
        id: 'app-logo',
        selector: '[data-tour="app-logo"]',
        title: 'Welcome to Monily',
        description:
            'Your financial command center. Use the navigation to move between business insights and tools.',
        icon: LayoutGrid,
        placement: 'right',
        requiresSidebar: true,
    },
    {
        id: 'nav-dashboard',
        selector: '[data-tour="nav-dashboard"]',
        title: 'Your dashboard',
        description:
            'Start here for your latest growth score, financial health, synced data, and recommended next actions.',
        icon: LayoutGrid,
        placement: 'right',
        requiresSidebar: true,
    },
    {
        id: 'dashboard-overview',
        selector: '[data-tour="dashboard-overview"]',
        title: 'Business pulse',
        description:
            'KPI cards, data health, trends, and your next best action — all in one view.',
        icon: BarChart3,
        placement: 'bottom',
        route: dashboard.url(),
    },
    {
        id: 'nav-my-growth-iq',
        selector: '[data-tour="nav-my-growth-iq"]',
        title: 'Growth IQ',
        description:
            'Explore profitability, liquidity, and efficiency signals behind your business performance.',
        icon: TrendingUp,
        placement: 'right',
        requiresSidebar: true,
    },
    {
        id: 'nav-monily-ai-advisor',
        selector: '[data-tour="nav-monily-ai-advisor"]',
        title: 'Ask Monily',
        description:
            'Ask questions about your financial history and get focused analysis grounded in your data.',
        icon: BotIcon,
        placement: 'right',
        requiresSidebar: true,
    },
    {
        id: 'nav-user',
        selector: '[data-tour="nav-user"]',
        title: 'Account & settings',
        description:
            'Manage your profile, integrations, security, and appearance preferences.',
        icon: User,
        placement: 'right',
        requiresSidebar: true,
    },
];