# Use

```tsx
import { Text, View } from 'react-native';
import { useDevice } from '@kyna-code/use-device';

export function EnvironmentSummary() {
  const device = useDevice();

  return (
    <View>
      <Text>{device.width} × {device.height}</Text>
      <Text>{device.platform}</Text>
      <Text>{device.languageTag}</Text>
      <Text>{device.theme}</Text>
    </View>
  );
}
```

The returned snapshot updates when the app window, font scale, system theme, or
locale changes. `width` and `height` are the app-window dimensions in logical
pixels, not the physical screen size, so they behave correctly with split-screen
and resizable web or desktop windows.

App-specific decisions—such as breakpoints, supported interface languages, and
theme color tokens—belong in the consuming app and can be derived from this hook.