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'
```

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

Для теста нужно изменить ширину экрана, должна пропасть надпись "Home" из кнопки

```jsx example
const media = useMedia()
const props = {}
if (media.tablet) props.children = 'Home'
return (
  <Button
    icon={faHome}
    onPress={()=> alert('Для тестирования следуйте описанным инструкциям.')}
    {...props}
  />
)
```