UNPKG

@crossed/ui

Version:

A universal & performant styling library for React Native, Next.js & React

40 lines (39 loc) 1.52 kB
var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var useMedia_exports = {}; __export(useMedia_exports, { useMedia: () => useMedia }); module.exports = __toCommonJS(useMedia_exports); var import_react_native = require("react-native"); var import_styled = require("@crossed/styled"); const useMedia = () => { const { width } = (0, import_react_native.useWindowDimensions)(); return { xs: import_styled.cacheBreakpoints.xs < width, sm: import_styled.cacheBreakpoints.sm < width, md: import_styled.cacheBreakpoints.md < width, lg: import_styled.cacheBreakpoints.lg < width, xl: import_styled.cacheBreakpoints.xl < width }; }; // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { useMedia }); //# sourceMappingURL=useMedia.js.map