import { Ref } from 'vue';
import { useBreakpoints } from '@vueuse/core';
import type { IScreenSize } from '../types/index';
/**
 * Reactive viewport breakpoints
 *
 * `sm`: 768, `md`: 992, `lg`: 1200, `xl`: 1920
 */
export declare const useSharedBreakpoints: () => ReturnType<typeof useBreakpoints<"sm" | "md" | "lg" | "xl">>;
/**
 * The breakpoint at which the current media query is located
 *
 * `xl`: > 1920, `lg`: > 1200, `md`: > 992, `sm`: > 768, `xs`: < 768
 */
export declare function useCurrentBreakpoint(): Ref<IScreenSize>;
/**
 * Get the width of the responsive breakpoint
 * @param config the config of width
 */
export declare function useBreakpointWidth(config?: Partial<Record<IScreenSize, string>>): Ref<string>;