import type { TemplateResult, CSSResultArray } from 'lit';
import { SideElement } from '../base/side-element';
import { PharosButton } from '../button/pharos-button';
import { PharosLink } from '../link/pharos-link';
declare const PharosSidenav_base: typeof SideElement;
/**
 * Pharos sidenav component.
 *
 * @tag pharos-sidenav
 *
 * @slot top - Content to be shown at the top of the sidenav.
 * @slot - Contains the sections of the sidenav (the default slot).
 *
 * @fires pharos-sidenav-close - Fires when the sidenav has closed
 * @fires pharos-sidenav-open - Fires when the sidenav has opened
 *
 */
export declare class PharosSidenav extends PharosSidenav_base {
    static elementDefinitions: {
        'pharos-button': typeof PharosButton;
        'pharos-link': typeof PharosLink;
    };
    /**
     * Indicates whether or not the sidenav is open
     */
    open: boolean;
    /**
     * Indicates whether or not the close button displays in the sidenav.
     */
    hasCloseButton: boolean;
    /**
     * Indicates the skip to target
     * @attr main-content-id
     */
    mainContentId?: string;
    private _triggers;
    constructor();
    protected firstUpdated(): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    static get styles(): CSSResultArray;
    private _addTriggerListeners;
    private _closeSidenav;
    private _openSidenav;
    private _renderSkipToMain;
    private _renderCloseButton;
    protected render(): TemplateResult;
}
export {};
//# sourceMappingURL=pharos-sidenav.d.ts.map