import { ReactNode } from 'react'
import { FilterViewProps } from './ProductListFilter/typings'

export interface ProductProps extends FilterViewProps {
  id: string
  title?: string
  images?: Array<string>
  price?: number | string
  brand?: string
  variant?: number
  label?: string
  value?: Array<string>
}

export interface VariantConfigProps {
  row: number
  column: number
  imageCount: number
  variant: number
}

export interface DraggableStateProps {
  collisionProductId?: boolean | string | number
  originalProducts: Array<ProductProps>
  reArrangedProducts: Array<ProductProps>
  setItem: (key: string, value: unknown) => void
  products: Array<ProductProps>
  filterList: Array<ProductProps>
  updateVariantData?: (value: number) => void
  onDragOver: (value: string, filterFlag?: boolean) => void
  onDragEnd: (currentDragId: string, filterFlag?: boolean) => void
  deleteProduct?: (index: number) => void
  updateProducts?: (updateParams: Object) => void
  setUpdatedProductsList: (product: ProductProps) => void
  replaceProductData: (index: number, product: ProductProps) => void
  setDeletedProducts: (item: ProductProps) => void
}

export interface SeparateDropState {
  isDragging: boolean
  setItem: (key: string, value: unknown) => void
}

export interface DraggableRenderProp {
  (state: DraggableStateProps): ReactNode
}

export interface DraggableProps {
  className?: string
  children?: ReactNode
  renderProductList?: DraggableRenderProp
}