import { DirectiveResult } from 'lit/directive.js';
import { StyledElement, StyleMap } from '../internals/StyledElement.js';
import { SidebarPermissionGuard } from '../layouts/SidebarPermission.js';
/** 버튼 항목 부분 */
type ElementParts = 'host' | 'base' | 'icon' | 'label';
/** 버튼 항목 구성 */
export interface SidebarButtonConfig extends SidebarPermissionGuard {
    type: 'button';
    /** 렌더된 `<u-sidebar-button>` 호스트에 그대로 전달된다 — `u-popover[for="#id"]` 같은
     *  외부 앵커링에 쓴다. */
    id?: string;
    icon?: string;
    /** `icon`을 어느 등록 라이브러리에서 찾을지. 미지정 시 `u-icon`의 기본 URL 경로로
     *  해석된다(`IconRegistry.register()`로 등록한 이름 있는 세트를 쓰려면 지정해야 함). */
    lib?: string;
    label?: string | DirectiveResult;
    styles?: StyleMap<ElementParts>;
    onClick?: (event?: Event) => void;
}
/**
 * SidebarButton 컴포넌트는 사이드바 내의 버튼을 표시합니다.
 */
export declare class SidebarButton extends StyledElement<ElementParts> {
    static styles: import('lit').CSSResultGroup[];
    /** 콤팩트 모드 여부 */
    compact: boolean;
    /** 기본 u-icon 경로의 아이콘 이름 */
    icon?: string;
    /** `icon`을 해석할 등록 라이브러리 이름 */
    lib?: string;
    /** 버튼 텍스트 라벨 */
    label?: string | DirectiveResult;
    render(): import('lit-html').TemplateResult<1>;
}
export {};