// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0-or-later
// @source: https://gitlab.com/soapbox-pub/ditto/-/tree/f0a3877c
import{t as e}from"./jsx-runtime-By8HlURe.js";import{t}from"./useAppContext-Ughdk2-Z.js";import{o as n,r}from"./react-intl-eZirkCBg.js";import{t as i}from"./label-BBIj2Nkw.js";import{t as a}from"./switch-B6lxwP1L.js";import{pt as o,w as s}from"./index-CYEZWNq6.js";import{t as c}from"./PageHeader-CMi4aeE4.js";var l=e();function u(){let e=n(),{config:u,updateConfig:d}=t();s({title:`${e.formatMessage({id:`settings.magic.title`,defaultMessage:`Magic`})} | ${e.formatMessage({id:`settings.title`,defaultMessage:`Settings`})} | ${u.appName}`,description:e.formatMessage({id:`settings.magic.metaDescription`,defaultMessage:`Magical cursor effects and enchanted interface settings`})});function f(e){d(t=>({...t,magicMouse:e}))}return(0,l.jsxs)(`main`,{className:``,children:[(0,l.jsx)(c,{backTo:`/settings`,alwaysShowBack:!0,titleContent:(0,l.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,l.jsx)(`h1`,{className:`text-xl font-bold`,children:(0,l.jsx)(r,{id:`settings.magic.title`,defaultMessage:`Magic`})}),(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground mt-0.5`,children:(0,l.jsx)(r,{id:`settings.magic.subtitle`,defaultMessage:`Harness the mystical energies of your device. Imbue your cursor with elemental fire.`})})]})}),(0,l.jsxs)(`div`,{className:`p-4`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-4 px-3 pt-2 pb-6`,children:[(0,l.jsx)(o,{src:`/magic-intro.png`}),(0,l.jsxs)(`div`,{className:`min-w-0`,children:[(0,l.jsx)(`h2`,{className:`text-sm font-semibold`,children:(0,l.jsx)(r,{id:`settings.magic.introTitle`,defaultMessage:`Arcane Configuration`})}),(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1 leading-relaxed`,children:(0,l.jsx)(r,{id:`settings.magic.introDescription`,defaultMessage:`Harness the mystical energies of your device. Imbue your cursor with elemental fire and make every interaction feel enchanted.`})})]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-3 px-2 pb-5`,children:[(0,l.jsx)(`div`,{className:`h-px flex-1 bg-gradient-to-r from-transparent via-primary/40 to-primary/60`}),(0,l.jsx)(`span`,{className:`text-primary/50 text-xs tracking-[0.3em] select-none`,children:`✦`}),(0,l.jsx)(`div`,{className:`h-px flex-1 bg-gradient-to-l from-transparent via-primary/40 to-primary/60`})]}),(0,l.jsxs)(`div`,{className:`flex items-start gap-4 rounded-xl px-4 py-4 transition-colors hover:bg-muted/40`,style:{background:u.magicMouse?`radial-gradient(ellipse 120% 80% at 50% 50%, hsl(var(--primary) / 0.07), transparent)`:void 0},children:[(0,l.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,l.jsx)(i,{htmlFor:`magic-mouse-toggle`,className:`text-sm font-semibold cursor-pointer flex items-center gap-1.5`,children:(0,l.jsx)(r,{id:`settings.magic.magicMouse`,defaultMessage:`Magic Mouse`})}),(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1 leading-relaxed`,children:(0,l.jsx)(r,{id:`settings.magic.magicMouseDescription`,defaultMessage:`Your cursor (or finger on touch devices) will emanate magical fire in the glow of your primary color. Move with purpose — every path you trace becomes a trail of flame.`})})]}),(0,l.jsx)(a,{id:`magic-mouse-toggle`,checked:u.magicMouse,onCheckedChange:f,className:`mt-0.5 shrink-0`})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-3 px-2 pt-6 pb-4`,children:[(0,l.jsx)(`div`,{className:`h-px flex-1 bg-gradient-to-r from-transparent via-primary/20 to-primary/30`}),(0,l.jsx)(`span`,{className:`text-primary/30 text-[10px] tracking-[0.4em] select-none`,children:`◆`}),(0,l.jsx)(`div`,{className:`h-px flex-1 bg-gradient-to-l from-transparent via-primary/20 to-primary/30`})]})]})]})}export{u as MagicSettingsPage};
// @license-end