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

function 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
