All files / src/useMediaQuery useMediaQuery.js

1
2
3
4
5
6
7
8
9
10
11
12
 
 
 
 
 
 
 
 
 
 
 
 
import { useTheme } from '../useTheme/useTheme';
import { usePreferredUnit } from '../usePreferredUnit/usePreferredUnit';
 
export const useMediaQuery = (size, content) => {
  const { breakpoints } = useTheme();
  return `@media (min-width: ${usePreferredUnit(breakpoints[size])}) {
    ${content}
  }`;
};
 
export default useMediaQuery;