import { SvelteComponentTyped } from "svelte";
export declare const toggleSidebar: () => void;
declare const __propDef: {
    props: Record<string, never>;
    events: {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        default: {};
    };
};
export type SidebarProps = typeof __propDef.props;
export type SidebarEvents = typeof __propDef.events;
export type SidebarSlots = typeof __propDef.slots;
/**
 * Sidebar
 *
 * Sidebar component that is fixed on desktop sizes and collapses on smaller screen sizes
 * Should contain SidebarLink and SidebarSlot components
 * The sidebar can be shown or hidden on smaller viewports using the `toggleSidebar` function
 *
 * Slots:
 * - default: Contains the content of the sidebar
 *
 * Css Variables:
 * - sidebarCloseFont (default: 600 0.875rem sans-serif): Font used on the close button
 * - sidebarCloseText (default: #fafafa)): Text color of the close button
 * - sidebarCloseBg (default: #303030): Background color of the close button
 * - sidebarCloseBgFocus (default: #161616): Background color of the close button when hovered
 * - sidebarCloseTextFocus (default: #fafafa): Text color of the close button when hovered
 * - sidebarCloseIconFocus (default: #fafafa): Icon color of the close button when hovered
 * - sidebarCloseIcon (default: #fafafa): Icon color of the close button
 * - sidebarBg (default: #f0f0f0): Background of the sidebar
 */
export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
}
export {};