@catho/quantum/shared/hooks/UseMaxWidthMediaQuery/Example.js

Catho react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _useMaxWidthMediaQuery = _interopRequireDefault(require("./useMaxWidthMediaQuery"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var ExampleMediaQuery = function ExampleMediaQuery() {
  var breakpoint = (0, _useMaxWidthMediaQuery["default"])(768);
  return breakpoint ? /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
    children: "Less than 768"
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
    children: "More than 768"
  });
};
var _default = exports["default"] = ExampleMediaQuery;