export declare const headerBreakpoints: {
    mh: string;
    lh: string;
};
/**
 * How to use Chakra responsive styles: https://chakra-ui.com/docs/features/responsive-styles
 *
 * Chakra Value |     DS Variable                 | EM/PX value    | NYPL reference
 * --------------------------------------------------------------------------
 *      sm      | --nypl-breakpoint-small         | 30em / 480px   | small mobile
 *      md      | --nypl-breakpoint-medium        | 48em / 768px   | large mobile
 *      lg      | --nypl-breakpoint-large         | 64em / 1024px  | small tablet
 *      xl      | --nypl-breakpoint-xl            | 80em / 1280px  | large tablet
 *     2xl      | n/a                             | 96em / 1536px  | n/a
 *
 * @Note Chakra provides a 2xl option while the DS does not. We don't
 * recommend using this value until further notice.
 *
 * ------------ | ------------------------------- | -------------- | --------------
 * smallMobile  | --nypl-breakpoint-smallMobile   | 30em / 480px   | small mobile
 * largeMobile  | --nypl-breakpoint-largeMobile   | 48em / 768px   | large mobile
 * mobile       | --nypl-breakpoint-mobile        | 48em / 768px   | mobile
 * smallTablet  | --nypl-breakpoint-smallTablet   | 64em / 1024px  | small tablet
 * largeTablet  | --nypl-breakpoint-xlargeTablet  | 80em / 1280px  | large tablet
 * tablet       | --nypl-breakpoint-tablet        | 80em / 1280px  | tablet
 */
declare const _default: {
    sm: string;
    md: string;
    mh: string;
    lg: string;
    lh: string;
    xl: string;
    "2xl": string;
    smallMobile: string;
    largeMobile: string;
    mobile: string;
    smallTablet: string;
    largeTablet: string;
    tablet: string;
};
export default _default;