import { computed } from 'vue';
import '../../cssinjs/index.mjs';
import { resetIcon } from '../../style/index.mjs';
import { useToken } from '../../theme/internal.mjs';
import useStyleRegister from '../../cssinjs/hooks/useStyleRegister.mjs';

const useStyle = (iconPrefixCls) => {
  const [theme, token] = useToken();
  return useStyleRegister(
    computed(() => ({
      theme: theme.value,
      token: token.value,
      hashId: "",
      path: ["ant-design-icons", iconPrefixCls.value]
    })),
    () => [
      {
        [`.${iconPrefixCls.value}`]: {
          ...resetIcon(),
          [`.${iconPrefixCls.value} .${iconPrefixCls.value}-icon`]: {
            display: "block"
          }
        }
      }
    ]
  );
};

export { useStyle as default };
//# sourceMappingURL=index.mjs.map
