"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Normal = exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _useBreakPoint = _interopRequireDefault(require("./use-break-point.mdx"));

var _ = require(".");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var _default = {
  title: 'Hooks/useBreakPoint',
  component: _.useBreakPoint,
  parameters: {
    docs: {
      page: _useBreakPoint["default"]
    }
  }
};
exports["default"] = _default;

var Normal = function Normal() {
  var breakPoint = (0, _.useBreakPoint)();
  return /*#__PURE__*/_react["default"].createElement("div", null, "Resize window to see the value of breakPoint change. Current value: ".concat(breakPoint));
};

exports.Normal = Normal;