import { ReactNode } from 'react'
import { CardState } from 'organisms/ExpandableCard'
import { ListOfToggleProps } from 'molecules/ToggleList'

export interface AddressToggleRenderProp {
  (props: AddressToggleProps, state?: CardState): ReactNode
}

export interface ToggleViewClickHandler extends Function {
  (args: object): void
}

export interface AddressToggleProps {
  className?: string
  dataQa?: string
  list: ListOfToggleProps
  isExpanded?: boolean
  // render props
  renderToggleButton?: AddressToggleRenderProp
  renderExpandedView?: AddressToggleRenderProp
  renderDefaultView?: AddressToggleRenderProp
  renderSavedButton?: AddressToggleRenderProp
  renderAddNewButton?: AddressToggleRenderProp
  // handler event
  onViewToggleChange?: ToggleViewClickHandler
}