"use client";

/**
 * pop-dashboard 컴포넌트 레지스트리 등록 진입점
 *
 * 이 파일을 import하면 side-effect로 PopComponentRegistry에 자동 등록됨
 */

import { PopComponentRegistry } from "../../PopComponentRegistry";
import { PopDashboardComponent } from "./PopDashboardComponent";
import { PopDashboardConfigPanel } from "./PopDashboardConfig";
import { PopDashboardPreviewComponent } from "./PopDashboardPreview";

// 레지스트리 등록
PopComponentRegistry.registerComponent({
  id: "pop-dashboard",
  name: "대시보드",
  description: "여러 집계 아이템을 묶어서 다양한 방식으로 보여줌",
  category: "display",
  icon: "BarChart3",
  component: PopDashboardComponent,
  configPanel: PopDashboardConfigPanel,
  preview: PopDashboardPreviewComponent,
  defaultProps: {
    items: [],
    pages: [],
    displayMode: "arrows",
    autoSlideInterval: 5,
    autoSlideResumeDelay: 3,
    showIndicator: true,
    gap: 8,
  },
  touchOptimized: true,
  supportedDevices: ["mobile", "tablet"],
});