# Light Rays

A component with animated light rays which shine down from above.

## Installation

### CLI

```bash
# Instructions for CLI installation here.
```

### Manual

```html
<!-- Instructions for manual installation here. -->
```

## Usage

```jsx
// Instructions for usage here.
```

## Props

| Prop              | Type                        | Default                         | Description                                   |
| ----------------- | --------------------------- | ------------------------------- | --------------------------------------------- |
| `count`          | `number`                   | `7`                             | Total number of animated rays.                |
| `color`          | `string`                   | `"rgba(160, 210, 255, 0.2)"` | Base colour used for the gradients.          |
| `blur`           | `number`                   | `36`                            | Pixel radius applied to the blur filter.      |
| `opacity`        | `number`                   | `0.65`                          | Maximum opacity that rays reach (0 – 1).      |
| `speed`          | `number`                   | `14`                            | Average seconds each ray takes to complete a cycle. |
| `length`         | `string | number`          | `"70vh"`                      | CSS length for the ray height.                |
| `className`      | `string`                   | `undefined`                    | Additional class names applied to the wrapper. |
| `style`          | `React.CSSProperties`      | `undefined`                    | Inline styles merged into the wrapper.        |

### Additional Links

- [Interactive Grid Pattern](/content/docs/components/interactive-grid-pattern/index.html)
- [Noise Texture](/content/docs/components/noise-texture/index.html)