import { Directive } from "vue";

//#region src/watermark.d.ts
/**
 * 目标元素类型
 */
type TargetElement = HTMLElement & {};
/**
 * 水印选项类型
 */
type WatermarkOptions = {
  /**
   * 水印文本
   */
  text?: string;
  /**
   * 文本颜色
   */
  textColor?: string;
  /**
   * 字体
   */
  font?: string;
  /**
   * 字体大小
   */
  fontSize?: number;
  /**
   * 旋转角度
   */
  rotate?: number;
};
/**
 * 绑定值类型
 */
type BindingValue = string | WatermarkOptions;
/**
 * 水印指令
 *
 * 为元素添加水印效果
 *
 * @example
 * ```vue
 * <template>
 *   <!-- 基本用法 -->
 *   <div v-watermark="'测试水印'">
 *     带水印的内容
 *   </div>
 *
 *   <!-- 带选项 -->
 *   <div v-watermark="{
 *     text: '自定义水印',
 *     textColor: 'rgba(255, 0, 0, 0.2)',
 *     fontSize: 20,
 *     rotate: -15
 *   }">
 *     带自定义水印的内容
 *   </div>
 * </template>
 * ```
 */
declare const watermark: Directive<TargetElement, BindingValue>;
//#endregion
export { watermark };