<template>
  <el-radio class="syRadio" v-bind="$attrs">
    <slot></slot>
  </el-radio>
</template>
<script lang="ts" setup>
import { ElRadio } from "element-plus";
</script>
<style lang="scss">
.syRadio {
  .el-radio__input.is-checked .el-radio__inner {
    border-color: var(--sy-blue);
    background: transparent;
  }
  .el-radio__inner:hover {
    border-color: var(--sy-blue);
  }
  .el-radio__input.is-checked + .el-radio__label {
    color: var(--sy-blue);
  }
  .el-radio__input.is-checked .el-radio__inner:after {
    background-color: var(--sy-blue);
    transform: translate(-50%, -50%) scale(1.8);
  }
}
</style>
