import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
const a = (r) => {
  const { componentCls: e } = r;
  return {
    [e]: {
      display: "flex",
      flexDirection: "row",
      flexWrap: "nowrap",
      alignItems: "center",
      flex: 1,
      "&.sortable:hover": {
        cursor: "pointer"
      },
      "&.align-center": {
        justifyContent: "center"
      },
      "&.align-right": {
        justifyContent: "end"
      },
      [`${e}__sort-wrapper`]: {
        display: "inline-flex",
        flexDirection: "column",
        alignItems: "center",
        paddingInline: r.spaceXS,
        color: "rgba(0, 0, 0, 0.3)",
        "&:hover": {
          color: "rgba(0, 0, 0, 0.6)"
        }
      },
      [`${e}__expand-wrapper`]: {
        padding: r.spaceXS,
        cursor: "pointer",
        display: "flex",
        borderRadius: r.borderRadiusSM
      },
      [`${e}__mask-wrapper`]: {
        padding: r.spaceXS,
        cursor: "pointer",
        display: "flex",
        borderRadius: r.borderRadiusSM,
        color: r.colorLink
      },
      [`${e}__sorter-up.active`]: {
        color: r.colorPrimary
      },
      [`${e}__sorter-down`]: {
        marginTop: "-0.3em",
        "&.active": {
          color: r.colorPrimary
        }
      }
    }
  };
}, l = o("AgGrid.CustomHeader", (r) => [
  a(r)
]);
export {
  l as default,
  a as genAgGridCustomHeaderCellStyle
};
