import { lazy, type LazyExoticComponent } from 'react';
import { sharedChunkUrl } from './lazy-admin-page';
import type { BotTrafficChart } from '../components/bot-traffic-chart';

type BotTrafficChartType = typeof BotTrafficChart;

async function loadBotTrafficChartModule(): Promise<{ default: BotTrafficChartType }> {
  if (import.meta.env.DEV) {
    const mod = await import('../components/bot-traffic-chart');
    return { default: mod.BotTrafficChart };
  }

  const mod = await import(/* @vite-ignore */ sharedChunkUrl('bot-traffic-chart.js'));
  return { default: mod.BotTrafficChart as BotTrafficChartType };
}

export const LazyBotTrafficChart: LazyExoticComponent<BotTrafficChartType> = lazy(() =>
  loadBotTrafficChartModule(),
);