Function useBreakpoint

components/hooks/useBreakpoint.ts:6–9

(size: Size)

type Size = 'small' | 'medium' | 'large' | 'xlarge'
export function useBreakpoint(size: Size) {
  const { theme } = useTheme()
  return useMediaQuery(`(max-width: ${theme?.sizes[size]})`)
}