import type { CSSProperties, Component, DefineComponent, SVGAttributes, VNode } from 'vue'
import type { BackgroundVariant, Dimensions, XYPosition } from './flow'
import type { GraphNode, NodeProps } from './node'
import type { EdgeProps } from './edge'
import type { FitViewParams } from './zoom'
/** Global component names are components registered to the vue instance and are "autoloaded" by their string name */
declare type GlobalComponentName = string
/** Node Components can either be a component definition or a string name */
export declare type NodeComponent = Component<NodeProps> | DefineComponent<NodeProps, any, any, any, any> | GlobalComponentName
export declare type NodeTypesObject = {
  [key in keyof DefaultNodeTypes]?: NodeComponent
} & Record<string, NodeComponent>
export declare type EdgeTypesObject = {
  [key in keyof DefaultEdgeTypes]?: EdgeComponent
} & Record<string, EdgeComponent>
/** Edge Components can either be a component definition or a string name */
export declare type EdgeComponent =
  | Component<EdgeProps>
  | DefineComponent<EdgeProps, any, any, any, any, any>
  | GlobalComponentName
export declare type DefaultEdgeTypes = {
  [key in 'default' | 'straight' | 'smoothstep' | 'step' | 'simplebezier']: EdgeComponent
}
export declare type DefaultNodeTypes = {
  [key in 'input' | 'output' | 'default']: NodeComponent
}
export interface BackgroundProps {
  /** The background pattern variant, {@link BackgroundVariant} */
  variant?: BackgroundVariant
  /** Background pattern gap */
  gap?: number
  /** Background pattern size */
  size?: number
  /** Background pattern color */
  patternColor?: string
  /** Background color */
  bgColor?: string
  /** Background height */
  height?: number
  /** Background width */
  width?: number
  /** Background x-coordinate (offset x) */
  x?: number
  /** Background y-coordinate (offset y) */
  y?: number
}
export interface ControlProps {
  /** Show the zoom icon */
  showZoom?: boolean
  /** Show the fit-view icon */
  showFitView?: boolean
  /** Show the interactive icon */
  showInteractive?: boolean
  /** Params to use on fitView */
  fitViewParams?: FitViewParams
}
/** expects a node and returns a color value */
export declare type MiniMapNodeFunc = (node: GraphNode) => string
declare type MiniMapNodeFunc2 = (node: GraphNode) => string
declare type MiniMapNodeFunc3 = (node: GraphNode) => string
export declare type ShapeRendering = CSSProperties['shapeRendering']
export interface MiniMapProps {
  /** Node color, can be either a string or a string func that receives the current node */
  nodeColor?: string | MiniMapNodeFunc
  /** Node stroke color, can be either a string or a string func that receives the current node */
  nodeStrokeColor?: string | MiniMapNodeFunc2
  /** Additional node class name, can be either a string or a string func that receives the current node */
  nodeClassName?: string | MiniMapNodeFunc3
  /** Node border radius */
  nodeBorderRadius?: number
  /** Node stroke width */
  nodeStrokeWidth?: number
  /** Background color of minimap */
  maskColor?: string
  width?: number
  height?: number
}
/** these props are passed to mini map node slots */
export interface MiniMapNodeProps {
  id: string
  parentNode?: string
  selected?: boolean
  dragging?: boolean
  position: XYPosition
  dimensions: Dimensions
  borderRadius?: number
  color?: string
  shapeRendering?: ShapeRendering
  strokeColor?: string
  strokeWidth?: number
}
/** these props are passed to edge texts */
export interface EdgeTextProps extends SVGAttributes {
  x: number
  y: number
  label?: string | VNode | Object
  labelStyle?: CSSProperties
  labelShowBg?: boolean
  labelBgStyle?: CSSProperties
  labelBgPadding?: [number, number]
  labelBgBorderRadius?: number
}
export {}