import type { Style } from 'leviar';
import type { VarResolvable } from '../types/utils';
/**
 * 대화상자 내부 간격 레이아웃 설정.
 * `defineInitial` 또는 커맨드의 `layout` 필드로 씬/커맨드별 지정 가능.
 */
export interface DialogBoxLayout {
    /**
     * 패널 내부 좌측(수평) 패딩 (px).
     * @default 28
     */
    panelPaddingLeft?: number;
    /**
     * 패널 내부 우측(수평) 패딩 (px).
     * @default 28
     */
    panelPaddingRight?: number;
    /**
     * 패널 내부 상단(수직) 패딩 (px).
     * @default 28
     */
    panelPaddingTop?: number;
    /**
     * 패널 내부 하단(수직) 패딩 (px).
     * @default 28
     */
    panelPaddingBottom?: number;
    /**
     * title과 content 사이 간격 (px). title/content 모두 있을 때만 적용.
     * @default 12
     */
    titleContentGap?: number;
    /**
     * content 영역과 버튼 영역 사이 간격 (px).
     * @default 30
     */
    contentButtonGap?: number;
    /**
     * 버튼 행 간 세로 간격 (px).
     * @default 10
     */
    buttonRowGap?: number;
    /**
     * 같은 행 버튼 간 가로 간격 (px).
     * @default 8
     */
    buttonColumnGap?: number;
    /**
     * 버튼 내부 좌측 패딩 (px). 버튼 너비 추정 시 사용.
     * @default 24
     */
    buttonPaddingLeft?: number;
    /**
     * 버튼 내부 우측 패딩 (px). 버튼 너비 추정 시 사용.
     * @default 24
     */
    buttonPaddingRight?: number;
    /**
     * 버튼 내부 상단 패딩 (px). 버튼 높이 계산 시 사용.
     * @default 10
     */
    buttonPaddingTop?: number;
    /**
     * 버튼 내부 하단 패딩 (px). 버튼 높이 계산 시 사용.
     * @default 10
     */
    buttonPaddingBottom?: number;
}
/**
 * dialogBoxModule이 공유하는 데이터 스키마.
 * 스타일 필드는 `defineInitial`로 씬별 커스터마이징 가능.
 */
export interface DialogBoxSchema {
    /** 전체 화면 오버레이(반투명 배경) 스타일 */
    overlay?: Partial<Style>;
    /** 대화상자 패널 스타일 */
    panel?: Partial<Style>;
    /** 제목 텍스트 스타일 */
    titleStyle?: Partial<Style>;
    /** 본문 텍스트 스타일 */
    contentStyle?: Partial<Style>;
    /** 버튼 기본 스타일 */
    button?: Partial<Style>;
    /** 버튼 호버 스타일 */
    buttonHover?: Partial<Style>;
    /** 버튼 텍스트 스타일 */
    buttonText?: Partial<Style>;
    /** 버튼 텍스트 호버 스타일 */
    buttonTextHover?: Partial<Style>;
    /** 내부 간격 레이아웃. `defineInitial`로 씬 전체에 적용 가능 */
    layout?: DialogBoxLayout;
    _title: string;
    _content: string;
    _buttons: {
        text: string;
    }[];
    _resolve: ((index: number) => void) | null;
    _duration: number;
    _persist: boolean;
}
export declare const DEFAULT_DIALOG_BOX_STYLE: Required<Pick<DialogBoxSchema, 'overlay' | 'panel' | 'titleStyle' | 'contentStyle' | 'button' | 'buttonHover' | 'buttonText' | 'buttonTextHover'>>;
/**
 * 커스텀 버튼 대화상자를 표시합니다.
 *
 * @example
 * // alert
 * { type: 'dialogBox', title: '알림', content: '저장되었습니다.', buttons: [{ text: '확인' }] }
 *
 * // overlay 클릭으로 닫히지 않게
 * { type: 'dialogBox', title: '선택', content: '반드시 선택하세요.', persist: true, buttons: [...] }
 *
 * // 등장 시간 커스텀
 * { type: 'dialogBox', title: '..', duration: 500, buttons: [...] }
 */
export interface DialogBoxCmd<TConfig = any, TLocalVars = Record<never, never>> {
    /** 대화상자 제목 */
    title: string;
    /** 대화상자 본문 내용 */
    content: string;
    /**
     * 등장/퇴장 fadeIn/fadeOut 시간(ms). 기본값 200.
     */
    duration?: number;
    /**
     * true이면 오버레이 클릭으로 닫히지 않음.
     * false(기본)이면 오버레이 클릭 시 -1 인덱스로 resolve되고 닫힘.
     */
    persist?: boolean;
    /**
     * 버튼 목록. 1개 이상 필수.
     * - `text`: 버튼 레이블
     * - `var`: 버튼 클릭 시 설정할 전역 변수를 반환하는 콜백 (선택)
     */
    buttons: {
        text: string;
        var?: VarResolvable<TConfig, TLocalVars>;
    }[];
}
export type ResolvedDialogBoxButton = DialogBoxCmd<any, any>['buttons'][number];
import type { SceneContext } from '../core/SceneContext';
export interface DialogBoxHook {
    'dialogBox:show': (value: DialogBoxCmd<any, any>, ctx: SceneContext) => DialogBoxCmd<any, any>;
    'dialogBox:select': (value: {
        index: number;
        selected?: ResolvedDialogBoxButton;
    }, ctx: SceneContext) => {
        index: number;
        selected?: ResolvedDialogBoxButton;
    };
}
export declare const DEFAULT_DIALOG_BOX_LAYOUT: Required<DialogBoxLayout>;
declare const dialogBoxModule: import("..").NovelModule<DialogBoxCmd<any, any>, DialogBoxSchema, DialogBoxHook>;
export default dialogBoxModule;