<!-- Generated by scripts/gen-docs.mts from the JSDoc in registry/. Do not edit; run `pnpm run docs`. -->

# MomentProvider

Sets `quiet` for every `Moment` inside it, so an app can make its moments compact everywhere, for a dense layout or for people who asked for less. A moment's own `quiet` wins.

```tsx
import { MomentProvider } from "@/components/ouro/moment/moment";
```

## Example

```tsx
<MomentProvider quiet={settings.quietMoments}>
  <App />
</MomentProvider>
```

## Use instead when

- Use `Moment`'s `quiet` prop instead for one moment.

## Props

Type: `MomentProviderProps`.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `children` (required) | `ReactNode` |  | The part of the app it applies to. |
| `quiet` | `boolean` | `OuroProvider`'s `quiet` | Renders every `Moment` inside quiet, unless the moment sets `quiet` itself. |
