import { ElementType } from 'react';
import { MenuLinkProps } from './Menu.types';
/**
 * 네비게이션에서 사용되는 링크형 메뉴 항목.
 *
 * @description
 * - 기본은 `<a>` 태그이며, `as` prop으로 Next.js의 Link 등 임의의 컴포넌트를 주입할 수 있습니다.
 * - `href`가 반드시 필요합니다. 클릭 핸들러만 필요한 경우 `MenuButton`을 사용하세요.
 *
 * @param {Object} props
 * @param {string} props.href - 메뉴 링크 주소 (필수)
 * @param {ElementType} [props.as='a'] - anchor 자리에 렌더할 컴포넌트 (예: next/link)
 * @param {'main' | 'sub'} [props.type='main'] - 메뉴 타입
 * @param {'white' | 'gray'} [props.variant='white'] - 메뉴 스타일 변형
 * @param {string} props.name - 메뉴에 표시될 텍스트
 * @param {string} [props.badgeCount] - 메뉴 항목에 표시될 뱃지 숫자
 * @param {boolean} [props.isSelected=false] - 메뉴 선택 상태
 * @param {SystemIconName} [props.leadingIcon] - 메뉴 앞쪽에 표시될 아이콘 (medium 사이즈)
 * @param {SystemIconName} [props.iconButtonName] - IconButtonDropdown / IconButton 아이콘 (small 사이즈)
 * @param {() => void} [props.onOptionClick] - 후행 아이콘 클릭 시 실행될 함수 (IconButton 옵션)
 * @param {Item[]} [props.items] - IconButtonDropdown 사용 시 필요
 * @param {Item} [props.selectedItem] - IconButtonDropdown 사용 시 필요
 * @param {(item: Item) => void} [props.onItemClick] - IconButtonDropdown 사용 시 필요
 *
 * @example
 * // 기본 사용 (일반 <a>)
 * <MenuLink href="/projects" name="프로젝트" />
 *
 * @example
 * // Next.js Link 주입
 * import Link from 'next/link';
 * <MenuLink as={Link} href="/projects" name="프로젝트" />
 *
 * @example
 * // 외부 링크
 * <MenuLink
 *   href="https://example.com"
 *   name="외부 사이트"
 *   target="_blank"
 *   rel="noopener noreferrer"
 * />
 */
declare const MenuLink: <T extends ElementType = "a">({ type, variant, name, badgeCount, isSelected, leadingIcon, iconButtonName, onOptionClick, items, selectedItem, onItemClick, href, as, children: _children, ...rest }: MenuLinkProps<T>) => import("react/jsx-runtime").JSX.Element;
export { MenuLink };