import { type CSSProperties } from 'react';
export type SGuideType = 'tip' | 'notion';
/** 중첩 배열로 depth 표현 (원본 renderListItem 대응). 예: ['상위', ['하위1', '하위2']] */
export type SGuideMessage = string | SGuideMessage[];
export interface SGuideProps {
    /** 가이드 타입 (tip: 팝업, notion: 외부 링크) */
    type?: SGuideType;
    /** 버튼 레이블 (없으면 type 기본값) */
    label?: string;
    /** 팝업 메시지 (배열이면 리스트, 중첩 배열이면 depth 표현) */
    message?: SGuideMessage;
    /** notion 타입 클릭 시 이동 URL */
    url?: string;
    /** 팝업 제목 (없으면 type 기본값) */
    popupTitle?: string;
    /** 팝업 너비 (px, 기본 426) */
    popupWidth?: number;
    className?: string;
    style?: CSSProperties;
}
/** SGuide — sd-guide 포팅. tip=팝업 안내, notion=외부 링크. */
export declare function SGuide({ type, label, message, url, popupTitle, popupWidth, className, style, }: SGuideProps): import("react").JSX.Element;