import { ProductProps, VariantConfigProps } from '../typings'

export type ItemType = ProductProps & VariantConfigProps

export interface SeparateDropProps {
  onDragOver: (value: string) => void
  onDragEnd: (currentDragId: string, isFilter?: boolean) => void
  value: string
  item: ItemType
  onProductUpdate: (updateParams: Object) => void
}

export interface SeparateDropStateTypes {
  originalX?: number
  originalY?: number
  lastTranslateX?: number
  lastTranslateY?: number
  translateX?: number
  translateY?: number
  isDragging?: boolean
  isDragOver?: boolean
  setInstance?: (overRidingProps: SeparateDropStateTypes) => void
}

export declare namespace StyledProps {
  export type XPosition = number
  export type YPosition = number
  export type IsDragging = boolean
  export type Column = number
  export type Row = number
}

export interface EventTransition {
  clientX: number
  clientY: number
}