"use client";

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

/**
 * Divider 컴포넌트 통합 설정 타입
 *
 * v2-divider-line, v2-split-line, divider-line(legacy) 세 컴포넌트를 흡수한
 * 통합 구분선 규격. orientation 으로 가로/세로를 구분하고, text 옵션으로 가운데
 * 텍스트 라벨을 선택적으로 표시한다.
 */

export type DividerOrientation = "horizontal" | "vertical";
export type DividerLineStyle = "solid" | "dashed" | "dotted";

export interface DividerConfig extends ComponentConfig {
  /** 방향: horizontal (가로) 또는 vertical (세로). 기본값 'horizontal'. */
  orientation?: DividerOrientation;
  /** 가운데 표시 텍스트 (horizontal 에서만 표시됨). 비우면 선만. */
  text?: string;
  /** 선 색상. CSS color. 기본 '#d1d5db'. */
  color?: string;
  /** 텍스트 색상. 기본 '#6b7280'. */
  textColor?: string;
  /** 선 두께. '1px' / '2px' 등. 기본 '1px'. */
  thickness?: string;
  /** 선 스타일: solid / dashed / dotted. 기본 'solid'. */
  lineStyle?: DividerLineStyle;
  /** 둥근 끝 여부 (horizontal 전용). 기본 false. */
  rounded?: boolean;
}
