import { MediaQuery } from "svelte/reactivity";
import { settings } from "./settings.svelte.js";

export const prefersReducedTransparency = new MediaQuery(
	"(prefers-reduced-transparency: reduce)",
);

export const transparencyEnabled = () =>
	settings.transparency && !prefersReducedTransparency.current;