06d8f81401
* pull changes from docs-playground * cleanup, add callout banner * cleanup linting and test fixes * add discussion link Co-authored-by: James M. Greene <JamesMGreene@github.com>
10 lines
286 B
TypeScript
10 lines
286 B
TypeScript
import { useTheme } from '@primer/components'
|
|
|
|
import { useMediaQuery } from './useMediaQuery'
|
|
|
|
type Size = 'small' | 'medium' | 'large' | 'xlarge'
|
|
export function useBreakpoint(size: Size) {
|
|
const { theme } = useTheme()
|
|
return useMediaQuery(`(max-width: ${theme?.sizes[size]})`)
|
|
}
|