import useMedia from '../hooks/useMedia'
import Button from './../components/Button/'
import { faHome } from '@fortawesome/free-solid-svg-icons'

# useMedia

Позволяет определить разрешение устройства. Хук возвращает объект, где ключ - это медиа-точка останова (`wide`, `desktop`, `tablet`), а значение - `true/false`. Например, с помощью этого хука вы можете создавать медиа-запросы.

```jsx
import { useMedia } from 'startupjs/ui'
```

## Пример медиа-запроса

```jsx example
const media = useMedia()
const props = {}
if (media.tablet) props.children = 'Home'
return (
  <Button icon={faHome} {...props}/>
)
```