import { genComponentStyleHook as a } from "../../../utils/cssinjs/index.mjs";
const i = (o) => {
  const { componentCls: r } = o;
  return {
    [r]: {
      fontSize: o.fontSize,
      padding: `${o.space} ${o.space} 0`,
      backgroundColor: "#fff",
      [`${r}__item`]: {
        cursor: "pointer",
        paddingInline: o.spaceLG,
        borderRadius: o.borderRadius,
        color: o.textColor2,
        transition: `all ${o.motionDurationSlow} ease-in-out`,
        willChange: "background-color",
        "&:hover": {
          backgroundColor: o.colorBg2
        },
        "&--active": {
          color: o.colorPrimary,
          backgroundColor: `${o.apRadioGroupItemActiveBgColor} !important`
        }
      }
    }
  };
}, e = a(
  "ApRadioGroup",
  (o) => [i(o)],
  {
    apRadioGroupItemActiveBgColor: "rgba(0, 112, 255, 0.12)"
  }
);
export {
  e as default
};
