import { prefersReducedMotion } from "svelte/motion";
import { prefs } from "./prefs.svelte";

// Shared by the board, the reel, and the canvas. Svelte's own media query
// tracks the OS setting live and releases its listener when no reactive
// consumer remains.
export const motion = {
  get reduced(): boolean { return prefersReducedMotion.current; },
  /** Flourishes play only when the player wants them AND the OS allows motion. */
  get effects(): boolean { return prefs.flourishes && !prefersReducedMotion.current; },
};