@react-spectrum/s2/src/utils.ts

Spectrum 2 UI components in React

/*
 * Copyright 2024 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

import {useMediaQuery} from '@react-spectrum/utils';

export type Scale = 'large' | 'medium';

export function useIsMobileDevice(): boolean {
  return useMediaQuery('(max-width: 640px)');
}

export function useScale(): Scale {
  let matchesFine = useMediaQuery('not ((hover: hover) and (pointer: fine))');
  if (matchesFine) {
    return 'large';
  }

  return 'medium';
}