'use client';

import dynamic from 'next/dynamic';
import { DetailPageSkeleton } from '@/components/ui/skeleton';

const DashboardType4 = dynamic(
  () => import('./_components/DashboardType4').then(mod => ({ default: mod.DashboardType4 })),
  { loading: () => <DetailPageSkeleton /> }
);

/**
 * Dashboard Type 4 - KPI 드릴다운형 대시보드
 *
 * 큰 KPI 숫자를 클릭하면 점점 상세해지는 탐색 구조
 * - Level 1: 전체 요약 (매출, 지출, 미수금, 현금)
 * - Level 2: 카테고리 상세 (거래처별, 항목별)
 * - Level 3: 개별 항목 상세
 *
 * URL: /ko/dashboard_type4
 */
export default function DashboardType4Page() {
  return <DashboardType4 />;
}
