/**
 * Canonical v1 breakpoint names plus the "base" sentinel for viewports
 * narrower than --ods-breakpoint-sm.
 */
export type BreakpointName = "base" | "sm" | "md" | "lg" | "xl" | "2xl";
/**
 * Return the largest currently-matching breakpoint name. SSR-safe: returns
 * `"base"` on the server and during the first client render, then updates
 * to the real match after hydration.
 *
 * The matching follows the standard mobile-first cascade: `useBreakpoint()`
 * returns the LARGEST breakpoint whose min-width is satisfied. A viewport
 * of 1100 px returns `"lg"` (1024 satisfied, 1280 not).
 *
 * @example
 *   const bp = useBreakpoint();
 *   if (bp === "base" || bp === "sm") return <MobileNav />;
 *   return <DesktopNav />;
 */
export declare function useBreakpoint(): BreakpointName;
/**
 * Numeric min-width (in px) for a v1 breakpoint name. Useful when you need
 * to compose your own media queries or compare widths imperatively.
 *
 * @example
 *   const minPx = breakpointMinWidth("md"); // 768
 */
export declare function breakpointMinWidth(name: Exclude<BreakpointName, "base">): number;
//# sourceMappingURL=useBreakpoint.d.ts.map