import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
const o = (r) => ({
  [`${r.componentCls}-close`]: {
    width: r.controlHeight,
    height: r.controlHeight,
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    border: `${r.lineWidth} ${r.lineType} ${r.borderColorBase}`,
    borderRadius: r.borderRadius,
    cursor: "pointer",
    ".user-frontend-icon": {
      fontSize: r.fontSizeXL,
      display: "flex",
      alignItems: "center",
      transition: `color ${r.motionDurationMid}`
    },
    "&:hover": {
      ".user-frontend-icon": {
        color: r.colorError
      }
    }
  }
}), t = e("ApDrawer", (r) => [
  o(r)
]);
export {
  t as default
};
