@ant-design/x/es/theme/genStyleUtils.js

Craft AI-driven interfaces effortlessly

import { genStyleUtils } from '@ant-design/cssinjs-utils';
import { useXProviderContext } from "../x-provider";
import { useInternalToken } from "./useToken";
export const {
  genStyleHooks,
  genComponentStyleHook,
  genSubStyleComponent
} = genStyleUtils({
  usePrefix: () => {
    const {
      getPrefixCls,
      iconPrefixCls
    } = useXProviderContext();
    return {
      iconPrefixCls,
      rootPrefixCls: getPrefixCls()
    };
  },
  useToken: () => {
    const [theme, realToken, hashId, token, cssVar] = useInternalToken();
    return {
      theme,
      realToken,
      hashId,
      token,
      cssVar
    };
  },
  useCSP: () => {
    const {
      csp
    } = useXProviderContext();
    return csp ?? {};
  },
  layer: {
    name: 'antdx'
  }
});