https://gdhdijital.com/assets/index-BXnK7xEy.js

1import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as i}from"./components-BIH4siOm.js";import{B as d}from"./index-B3mrhkMR.js";import{M as b}from"./index-lsSNfkW6.js";const o="gdh-art-fs",u=15,c=22,m=18;function l(r){return Math.min(c,Math.max(u,r))}function S(){const[r,s]=i.useState(m);i.useEffect(()=>{try{const a=window.localStorage.getItem(o);a&&s(l(Number(a)))}catch{}},[]);function n(a){const e=l(a);s(e);try{window.localStorage.setItem(o,String(e))}catch{}}return{size:r,setSize:n}}const p=[{value:15,label:"Küçük"},{value:18,label:"Varsayılan"},{value:20,label:"Büyük"},{value:22,label:"Ekstra"}],f="h-10 cursor-pointer border text-ui font-sans font-semibold transition-colors duration-[var(--transition-fast)] focus-visible:outline-2 focus-visible:outline-ink focus-visible:outline-offset-2 focus-visible:rounded-sm active:translate-y-px",h="border-ink bg-ink text-paper",x="border-rule bg-transparent text-ink hover:bg-paper-2";function z({open:r,onClose:s,value:n,onChange:a}){return t.jsx(b,{open:r,onClose:s,title:"Yazı Boyutu",ariaLabel:"Yazı Boyutu",children:t.jsxs("div",{className:"flex flex-col gap-4",children:[t.jsx("p",{className:"bg-paper-2 p-4 font-sans text-[length:var(--fsz-preview)] text-ink leading-relaxed",style:{"--fsz-preview":`${n}px`},children:"Haberin görünümü bu boyutta görünücek. Göz yorgunluğu olmadan rahat okuma."}),t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsx("span",{"aria-hidden":!0,className:"font-bold font-sans text-ink text-ui",children:"A"}),t.jsx("input",{type:"range",min:u,max:c,step:1,value:n,onChange:e=>a(Number(e.target.value)),"aria-label":"Yazı boyutu",className:"h-1 flex-1 cursor-pointer appearance-none rounded-pill bg-rule outline-none [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:cursor-pointer [&::-moz-range-thumb]:rounded-pill [&::-moz-range-thumb]:border-none [&::-moz-range-thumb]:bg-ink [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-pill [&::-webkit-slider-thumb]:bg-ink"}),t.jsx("span",{"aria-hidden":!0,className:"font-bold font-sans text-ink text-subheading",children:"A"})]}),t.jsx("div",{className:"grid grid-cols-4 gap-2",children:p.map(e=>t.jsx(d,{variant:"unstyled",pressed:n===e.value,ariaLabel:e.label,onClick:()=>a(e.value),className:`${f} ${n===e.value?h:x}`,children:e.label},e.value))})]})})}export{z as A,S as u};