"use client";

import React from "react";
import { createComponentDefinition } from "../../utils/createComponentDefinition";
import { ComponentCategory } from "@/types/component";
import type { WebType } from "@/types/screen";
import { LabelBasicWrapper } from "./LabelBasicComponent";
import { LabelBasicConfigPanel } from "./LabelBasicConfigPanel";
import { LabelBasicConfig } from "./types";

/**
 * LabelBasic 컴포넌트 정의
 * label-basic 컴포넌트입니다
 */
export const LabelBasicDefinition = createComponentDefinition({
  id: "label-basic",
  name: "라벨 텍스트",
  nameEng: "LabelBasic Component",
  description: "텍스트 표시를 위한 라벨 텍스트 컴포넌트",
  category: ComponentCategory.DISPLAY,
  webType: "text",
  component: LabelBasicWrapper,
  defaultConfig: {
    placeholder: "텍스트를 입력하세요",
    maxLength: 255,
  },
  defaultSize: { width: 150, height: 24 },
  configPanel: LabelBasicConfigPanel,
  icon: "Eye",
  tags: [],
  version: "1.0.0",
  author: "개발팀",
  documentation: "https://docs.example.com/components/label-basic",
});

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

// 컴포넌트 내보내기
export { LabelBasicComponent } from "./LabelBasicComponent";
export { LabelBasicRenderer } from "./LabelBasicRenderer";