import { PropsWithChildren } from 'react';
import { ProductIconName } from '../../DataDisplays/ProductIcon/ProductIcon.types';
import { ExternalLink } from './MessageBox.types';
export interface MessageBoxProps extends PropsWithChildren {
    icon?: ProductIconName;
    title?: string;
    description?: string;
    links?: ExternalLink[];
}
/**
 * 아이콘, 제목, 설명, 외부 링크 등을 포함할 수 있는 메시지 박스 컴포넌트입니다.
 *
 * @component
 * @param {Object} props - 컴포넌트 프로퍼티
 * @param {ProductIconName} [props.icon] - 메시지 박스 상단에 표시될 아이콘
 * @param {string} [props.title] - 메시지 박스의 제목
 * @param {string} [props.description] - 메시지 박스의 설명 텍스트
 * @param {ExternalLink[]} [props.links] - 메시지 박스 하단에 표시될 외부 링크 목록
 * @param {React.ReactNode} [props.children] - 메시지 박스 내부에 표시될 자식 컴포넌트
 *
 * @example
 * // 기본 사용 예시
 * <MessageBox
 *   icon="info"
 *   title="알림 메시지"
 *   description="중요한 안내사항입니다."
 * />
 *
 * // 외부 링크가 포함된 예시
 * <MessageBox
 *   icon="warning"
 *   title="주의사항"
 *   description="다음 링크를 확인해주세요."
 *   links={[
 *     {
 *       text: "자세히 보기",
 *       href: "https://example.com",
 *       external: true
 *     }
 *   ]}
 * >
 *   <CustomContent />
 * </MessageBox>
 */
declare const MessageBox: ({ icon, title, description, children, links, }: MessageBoxProps) => import("react/jsx-runtime").JSX.Element;
export { MessageBox };