1 ? roles = roles.filter(r => r !== 'yuk_veren') : null) : roles.push('yuk_veren')"
:class="roles.includes('yuk_veren') ? 'border-cyan bg-cyan/5 shadow-sm shadow-cyan/10' : 'border-gray-200 hover:border-gray-300'"
class="relative flex cursor-pointer rounded-xl border-2 p-4 transition-all duration-200 select-none">
1 ? roles = roles.filter(r => r !== 'yuk_tasiyan') : null) : roles.push('yuk_tasiyan')"
:class="roles.includes('yuk_tasiyan') ? 'border-brand-blue bg-brand-blue/5 shadow-sm shadow-brand-blue/10' : 'border-gray-200 hover:border-gray-300'"
class="relative flex cursor-pointer rounded-xl border-2 p-4 transition-all duration-200 select-none">