/**
 * Scalar Sidebar Playground component
 *
 * THIS IS A TESTING COMPONENT FOR THE SIDEBAR.
 * IT IS NOT INTENDED TO BE USED IN PRODUCTION.
 */
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
    /**
     * Overrides --scalar-sidebar-indent
     * @default 20 (px)
     */
    indent?: number;
    /**
     * Overrides --scalar-sidebar-padding
     * @default 12 (px)
     */
    padding?: number;
    /**
     * Overrides --scalar-sidebar-width
     * @default 288 (px)
     */
    width?: number;
    /**
     * Sets --scalar-sidebar-background-1
     * @default var(--scalar-background-1)
     */
    backgroundOne?: string;
    /**
     * Sets --scalar-sidebar-color-1
     * @default var(--scalar-color-1)
     */
    colorOne?: string;
    /**
     * Sets --scalar-sidebar-color-2
     * @default var(--scalar-color-2)
     */
    colorTwo?: string;
    /**
     * Sets --scalar-sidebar-border-color
     * @default var(--scalar-border-color)
     */
    borderColor?: string;
    /**
     * Sets --scalar-sidebar-item-hover-background
     * @default var(--scalar-background-2)
     */
    itemHoverBackground?: string;
    /**
     * Sets --scalar-sidebar-item-hover-color
     * @default currentColor
     */
    itemHoverColor?: string;
    /**
     * Sets --scalar-sidebar-item-active-background
     * @default var(--scalar-background-2)
     */
    itemActiveBackground?: string;
    /**
     * Sets --scalar-sidebar-color-active
     * @default var(--scalar-color-1)
     */
    itemActiveColor?: string;
    /**
     * Sets --scalar-sidebar-indent-border
     * @default var(--scalar-border-color)
     */
    indentBorder?: string;
    /**
     * Sets --scalar-sidebar-indent-border-hover
     * @default var(--scalar-border-color)
     */
    indentBorderHover?: string;
    /**
     * Sets --scalar-sidebar-indent-border-active
     * @default var(--scalar-color-accent)
     */
    indentBorderActive?: string;
    /**
     * Sets --scalar-sidebar-search-background
     * @default transparent
     */
    searchBackground?: string;
    /**
     * Sets --scalar-sidebar-search-color
     * @default var(--scalar-color-3)
     */
    searchColor?: string;
    /**
     * Sets --scalar-sidebar-search-border-color
     * @default var(--scalar-border-color)
     */
    searchBorderColor?: string;
} & {
    selected?: string;
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "update:selected": (value: string | undefined) => any;
}, string, import("vue").PublicProps, Readonly<{
    /**
     * Overrides --scalar-sidebar-indent
     * @default 20 (px)
     */
    indent?: number;
    /**
     * Overrides --scalar-sidebar-padding
     * @default 12 (px)
     */
    padding?: number;
    /**
     * Overrides --scalar-sidebar-width
     * @default 288 (px)
     */
    width?: number;
    /**
     * Sets --scalar-sidebar-background-1
     * @default var(--scalar-background-1)
     */
    backgroundOne?: string;
    /**
     * Sets --scalar-sidebar-color-1
     * @default var(--scalar-color-1)
     */
    colorOne?: string;
    /**
     * Sets --scalar-sidebar-color-2
     * @default var(--scalar-color-2)
     */
    colorTwo?: string;
    /**
     * Sets --scalar-sidebar-border-color
     * @default var(--scalar-border-color)
     */
    borderColor?: string;
    /**
     * Sets --scalar-sidebar-item-hover-background
     * @default var(--scalar-background-2)
     */
    itemHoverBackground?: string;
    /**
     * Sets --scalar-sidebar-item-hover-color
     * @default currentColor
     */
    itemHoverColor?: string;
    /**
     * Sets --scalar-sidebar-item-active-background
     * @default var(--scalar-background-2)
     */
    itemActiveBackground?: string;
    /**
     * Sets --scalar-sidebar-color-active
     * @default var(--scalar-color-1)
     */
    itemActiveColor?: string;
    /**
     * Sets --scalar-sidebar-indent-border
     * @default var(--scalar-border-color)
     */
    indentBorder?: string;
    /**
     * Sets --scalar-sidebar-indent-border-hover
     * @default var(--scalar-border-color)
     */
    indentBorderHover?: string;
    /**
     * Sets --scalar-sidebar-indent-border-active
     * @default var(--scalar-color-accent)
     */
    indentBorderActive?: string;
    /**
     * Sets --scalar-sidebar-search-background
     * @default transparent
     */
    searchBackground?: string;
    /**
     * Sets --scalar-sidebar-search-color
     * @default var(--scalar-color-3)
     */
    searchColor?: string;
    /**
     * Sets --scalar-sidebar-search-border-color
     * @default var(--scalar-border-color)
     */
    searchBorderColor?: string;
} & {
    selected?: string;
}> & Readonly<{
    "onUpdate:selected"?: ((value: string | undefined) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
    search?: (props: {}) => any;
} & {
    default?: (props: {}) => any;
} & {
    footer?: (props: {}) => any;
}>;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
//# sourceMappingURL=ScalarSidebarPlayground.vue.d.ts.map