Theme Provider

Theme provider wraps the application once at the root and makes all Hightouch UI components work: it applies the design-system theme, honors the user's reduced-motion preference, and renders toasts. Components rendered outside of it are unstyled, and useToast calls display nothing.

#Example

See Usage for the full setup, including fonts.

#Guidelines

#When to use

• Once, at the root of the application, wrapping everything that renders Hightouch UI components.

#When not to use

• Around individual pages or components — nesting providers duplicates global setup like the toast renderer.
• To restyle a subtree; the theme is global and not meant to vary per section.

#Props

Accepts only children.