/** @module @airtable/blocks/ui: useViewport */ /** */
import Viewport from '../viewport';
/**
 * Returns the current {@link Viewport} object and updates whenever the viewport size, constraints,
 * or fullscreen status changes.
 *
 * @example
 * ```js
 * import {useViewport} from '@airtable/blocks/ui';
 *
 * function ViewportSize() {
 *      const viewport = useViewport();
 *
 *      const toggleFullscreen = () => {
 *          if (viewport.isFullscreen) {
 *              viewport.exitFullscreen();
 *          } else {
 *              viewport.enterFullscreenIfPossible();
 *          }
 *      };
 *
 *      return (
 *          <Fragment>
 *              <button onClick={toggleFullscreen}>Toggle fullscreen</button>
 *
 *              viewport size: {viewport.size.width}x{viewport.size.height}
 *          </Fragment>
 *      );
 * }
 * ```
 * @docsPath UI/hooks/useViewport
 * @hook
 */
export default function useViewport(): Viewport;
