import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
import { defaultToken as i } from "./token.mjs";
const a = (r) => {
  const { componentCls: t } = r, o = `${r.apProCardBorderLineWidth} ${r.apProCardBorderLineType} ${r.apProCardBorderColorSplit}`;
  return {
    [t]: {
      flex: "none",
      backgroundColor: r.apProCardBorderColorSplit,
      "&-vertical": {
        position: "relative",
        marginInline: r.space,
        "&::after": {
          position: "absolute",
          height: r.apProCardDividerLineHeight,
          top: "50%",
          transform: "translateY(-50%)",
          right: 0,
          borderRight: o,
          content: '""'
        }
      },
      "&-horizontal": {
        position: "relative",
        marginBlock: r.space,
        "&::after": {
          position: "absolute",
          width: r.apProCardDividerLineHeight,
          left: "50%",
          transform: "translateX(-50%)",
          bottom: 0,
          borderBottom: o,
          content: '""'
        }
      }
    }
  };
}, l = e(
  "ProCard.Divider",
  (r) => [a(r)],
  i
);
export {
  l as default,
  a as genProCardDividerStyle
};
