import { plugin } from "@css-render/plugin-bem";
import { CNode as CNode$1, CssRenderInstance } from "css-render";

//#region src/useBem.d.ts
/**
 * CSS Render BEM 插件类型
 */
type CssRenderBemPlugin = ReturnType<typeof plugin> & {
  __?: 'css-render-bem';
};
/**
 * BEM 选项类型
 */
type BemOptions = {
  /**
   * 命名空间
   */
  namespace?: string;
  /**
   * 块前缀
   */
  blockPrefix?: string;
  /**
   * 元素前缀
   */
  elementPrefix?: string;
  /**
   * 修饰符前缀
   */
  modifierPrefix?: string;
};
/**
 * 使用 BEM 返回值类型
 */
type UseBemReturn = {
  /**
   * 命名空间
   */
  namespace: string;
  /**
   * 块前缀
   */
  blockPrefix: string;
  /**
   * 元素前缀
   */
  elementPrefix: string;
  /**
   * 修饰符前缀
   */
  modifierPrefix: string;
  /**
   * CSS Render 实例
   */
  cssr: CssRenderInstance;
  /**
   * BEM 插件
   */
  plugin: CssRenderBemPlugin;
};
/**
 * 使用 BEM
 *
 * @param options - BEM 选项
 * @returns BEM 工具对象
 *
 * @example
 * ```ts
 * import { useBem } from '@oiij/css-render'
 *
 * const { cssr, plugin } = useBem({
 *   namespace: 'o',
 *   blockPrefix: '.o-',
 *   elementPrefix: '__',
 *   modifierPrefix: '--',
 * })
 * ```
 */
declare function useBem(options?: BemOptions): UseBemReturn;
//#endregion
export { BemOptions, CNode$1 as CNode, CssRenderBemPlugin, CssRenderInstance, UseBemReturn, useBem };