blob: f2627ec41fbed51faef921183dc5c2c4eef3084b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
# useSunlight
[](https://circleci.com/gh/nvandoorn/useSunlight)
A React hook for the current level of sunlight on an integer scale from `[0,10]`. Solar altitudes in the range `[0, PI]` are mapped to their height above the horizon on the unit circle (scaled up by 10), and all range below the horizon (`[PI, 2PI]`) are mapped to zero.
## Demo
[https://jolly-nobel-4ebf9d.netlify.com](https://jolly-nobel-4ebf9d.netlify.com)
## Usage
```javascript
// src/demo-component.js
export const DemoComponent = ({ children }) => {
const [sunlight] = useSunlight()
const theme = sunlightToTheme(sunlight)
const style = sunlightToStyle(theme)
return <div style={style}>{children}</div>
}
```
|
