/// <reference types="react" />
/**
 * @description DLayoutDivideTwin 컴포넌트의  인터페이스
 */
export interface DLayoutDivideTwinInterface {
    /**
     * @description 레이아웃의 방향 설정 (column: 세로, row: 가로)
     * @returns "column" | "row"
     */
    direction?: "column" | "row";
    /**
     * @description 레이아웃의 wrapper 클래스명
     * @returns string | undefined
     */
    wrapperClassName?: string;
    /**
     * @description 첫 번째 요소의 클래스명
     * @returns string | undefined
     */
    firstItemClassName?: string;
    /**
     * @description 두 번째 요소의 클래스명
     * @returns string | undefined
     */
    secondItemClassName?: string;
    /**
     * @description 첫 번째 요소의 초기 크기 (예: "15rem")
     * @returns Readonly<string> | undefined
     */
    initialSize?: Readonly<string>;
    /**
     * @description 크기 조절 바의 크기 (예: "1rem")
     * @returns Readonly<string> | undefined
     */
    resizeBarSize?: Readonly<string>;
    /**
     * @description 첫 번째 요소에 렌더링할 React 노드
     * @returns React.ReactNode | undefined
     */
    firstElement?: React.ReactNode;
    /**
     * @description 두 번째 요소에 렌더링할 React 노드
     * @returns React.ReactNode | undefined
     */
    secondElement?: React.ReactNode;
    /**
     * @description 크기 조절 바의 색상
     * @returns string | undefined
     */
    borderColor?: string;
    /**
     * @description 크기 조절 기능 사용 여부
     * @returns boolean
     */
    isResize?: boolean;
}
export declare const DLayoutDivideTwin: ({ isResize, wrapperClassName, direction, initialSize, resizeBarSize, borderColor, firstItemClassName, secondItemClassName, firstElement, secondElement, }: DLayoutDivideTwinInterface) => import("react").JSX.Element;
