import { ReactNode } from 'react'
import { DraggableStateProps } from '../typings'

export interface StateFilterProps {
  isActive: boolean
  isFilter: boolean
  isDragging: boolean
  originalX: number
  originalY: number
  translateX: number
  translateY: number
  lastTranslateX: number
  lastTranslateY: number
}

export interface FilterOptionProps {
  label?: string
  value?: Array<string>
  id?: string
}

export interface ItemProps {
  label?: string
  value?: string
}

export interface FilterViewProps {
  list: FilterOptionProps
  id: string
  isFilter: boolean
  isActive?: boolean
  onDragEnd: (currentDragId: string, isFilter?: boolean) => void
  onDragOver: (currentDragId: string) => void
  state?: StateFilterProps
}

export interface PropsType {
  children?: React.ReactNode
}
export interface ProductListFilterProps {
  state: DraggableStateProps
  renderOptions: (
    props: PropsType,
    state: DraggableStateProps
  ) => React.ReactNode
}

export declare namespace StyledProps {
  export type IsActive = boolean
  export type YPosition = number
}