@bianic-ui/media-query/dist/cjs/use-breakpoint-value.js

A React hook for changing properties or visibility of a component based on css media query

"use strict";

exports.__esModule = true;
exports.useBreakpointValue = useBreakpointValue;

var _mediaQuery = require("./media-query.utils");

var _useBreakpoint = require("./use-breakpoint");

var _utils = require("@bianic-ui/utils");

/**
 * React hook for getting the value for the current breakpoint from the
 * provided responsive values object.
 *
 * @example
 * const width = useBreakpointValue({ base: '150px', md: '250px' })
 */
function useBreakpointValue(values) {
  var breakpoint = (0, _useBreakpoint.useBreakpoint)();
  if (!breakpoint) return;
  var obj = (0, _utils.isArray)(values) ? (0, _utils.arrayToObjectNotation)(values) : values;
  return (0, _mediaQuery.getClosestValue)(obj, breakpoint);
}
//# sourceMappingURL=use-breakpoint-value.js.map