import { MediumProductIconNames } from '../../DataDisplays/ProductIcon/ProductIcon.constants';
export interface MessageBarProps {
    variant: 'primary' | 'white';
    icon: (typeof MediumProductIconNames)[number];
    title?: string;
    text: string;
    buttonName?: string;
    onClick?: () => void;
}
/**
 * 사용자에게 정보를 표시하는 메시지 바 컴포넌트입니다.
 *
 * @component
 *
 * @param {Object} props
 * @param {'primary' | 'white'} props.variant - 메시지 바의 스타일 변형. 'primary' 또는 'white' 중 선택
 * @param {(typeof MediumProductIconNames)[number]} props.icon - 메시지 바에 표시될 ProductIcon 이름
 *        ('person_smile', 'lock', 'logout', 'contract_pen', 'paper_pen', 'paper_hold' 등)
 * @param {string} [props.title] - 메시지 바의 제목 (선택사항)
 * @param {string} props.text - 메시지 바에 표시될 본문 텍스트
 * @param {string} [props.buttonName] - 버튼에 표시될 텍스트 (선택사항)
 * @param {() => void} [props.onClick] - 버튼 클릭 시 실행될 콜백 함수 (선택사항)
 *
 * @example
 * // 기본 사용 예시
 * <MessageBar
 *   variant="primary"
 *   icon="person_smile"
 *   title="알림"
 *   text="새로운 메시지가 도착했습니다."
 *   buttonName="확인"
 *   onClick={() => console.log('버튼이 클릭되었습니다')}
 * />
 *
 * // 제목과 버튼이 없는 간단한 메시지
 * <MessageBar
 *   variant="white"
 *   icon="paper_pen"
 *   text="작업이 성공적으로 완료되었습니다."
 * />
 *
 * // 보안 관련 메시지
 * <MessageBar
 *   variant="primary"
 *   icon="lock"
 *   title="보안 알림"
 *   text="계정의 보안을 위해 비밀번호를 변경해주세요."
 *   buttonName="비밀번호 변경"
 *   onClick={() => handlePasswordChange()}
 * />
 */
declare const MessageBar: ({ variant, icon, title, text, buttonName, onClick, }: MessageBarProps) => import("react/jsx-runtime").JSX.Element;
export { MessageBar };