"use client";

import React from "react";
import { createComponentDefinition } from "../../utils/createComponentDefinition";
import { ComponentCategory } from "@/types/component";
import type { WebType } from "@/types/screen";
import { TestInputWrapper } from "./TestInputComponent";
import { TestInputConfigPanel } from "./TestInputConfigPanel";
import { TestInputConfig } from "./types";

/**
 * TestInput 컴포넌트 정의
 * 테스트용 입력 컴포넌트
 */
export const TestInputDefinition = createComponentDefinition({
  id: "test-input",
  name: "테스트 입력",
  nameEng: "TestInput Component",
  description: "테스트용 입력 컴포넌트",
  category: ComponentCategory.INPUT,
  webType: "text",
  component: TestInputWrapper,
  defaultConfig: {
    placeholder: "텍스트를 입력하세요",
  maxLength: 255,
  },
  defaultSize: { width: 200, height: 36 },
  configPanel: TestInputConfigPanel,
  icon: "Edit",
  tags: [],
  version: "1.0.0",
  author: "개발팀",
  documentation: "https://docs.example.com/components/test-input",
});

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

// 타입 내보내기
export type { TestInputConfig } from "./types";