"use client";

import { ComponentConfig } from "@/types/component";

/**
 * TextDisplay 컴포넌트 설정 타입
 */
export interface TextDisplayConfig extends ComponentConfig {
  // 텍스트 관련 설정
  text?: string; // 표시할 텍스트
  fontSize?: string; // 폰트 크기
  fontWeight?: string; // 폰트 굵기
  color?: string; // 텍스트 색상
  textAlign?: "left" | "center" | "right"; // 텍스트 정렬
  
  // 스타일 관련
  backgroundColor?: string; // 배경색
  padding?: string; // 패딩
  borderRadius?: string; // 모서리 둥글기
  border?: string; // 테두리
  
  // 공통 설정
  disabled?: boolean;
  
  // 이벤트 관련
  onClick?: () => void;
}

/**
 * TextDisplay 컴포넌트 Props 타입
 */
export interface TextDisplayProps {
  id?: string;
  name?: string;
  value?: any;
  config?: TextDisplayConfig;
  className?: string;
  style?: React.CSSProperties;
  
  // 이벤트 핸들러
  onClick?: () => void;
}
