"use client";

import { createComponentDefinition } from "../../utils/createComponentDefinition";
import { ComponentCategory } from "@/types/component";
import { SectionPaperComponent } from "./SectionPaperComponent";
import { V2SectionPaperConfigPanel } from "@/components/v2/config-panels/V2SectionPaperConfigPanel";

/**
 * Section Paper 컴포넌트 정의
 * 배경색 기반의 미니멀한 그룹화 컨테이너 (색종이 컨셉)
 */
export const V2SectionPaperDefinition = createComponentDefinition({
  id: "v2-section-paper",
  hidden: true,  // Phase E: 통합 컴포넌트로 대체됨
  name: "Section Paper",
  name_eng: "Section Paper",
  description: "배경색 기반의 미니멀한 그룹화 컨테이너 (색종이 컨셉)",
  category: ComponentCategory.LAYOUT,
  web_type: "custom",
  component: SectionPaperComponent,
  default_config: {
    backgroundColor: "default",
    padding: "md",
    roundedCorners: "md",
    shadow: "none",
    showBorder: false,
  },
  default_size: { width: 800, height: 200 },
  config_panel: V2SectionPaperConfigPanel,
  icon: "Square",
  tags: ["섹션", "그룹", "배경", "컨테이너", "색종이", "paper"],
  version: "1.0.0",
  author: "Invyone",
});

// 컴포넌트는 SectionPaperRenderer에서 자동 등록됩니다

export { SectionPaperComponent } from "./SectionPaperComponent";
export { SectionPaperConfigPanel } from "./SectionPaperConfigPanel";
export { SectionPaperRenderer } from "./SectionPaperRenderer";