@anton.bobrov/react-vevet-hooks
Version:
A collection of custom React hooks designed to seamlessly integrate with the `Vevet` library
24 lines (23 loc) • 709 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsViewportDesktop = void 0;
var useBreakpointName_1 = require("./useBreakpointName");
/**
* Custom React hook that checks if the current viewport breakpoint is 'desktop'.
*
* @example
* const MyComponent = () => {
* const isDesktop = useIsViewportDesktop();
*
* return (
* <div>
* {isDesktop ? 'Viewport is of desktop size.' : 'Not desktop'}
* </div>
* );
* };
*/
function useIsViewportDesktop() {
var breakpointName = (0, useBreakpointName_1.useBreakpointName)();
return breakpointName === 'desktop';
}
exports.useIsViewportDesktop = useIsViewportDesktop;