import { ReactNode } from 'react'
import { OptionProps } from '../Option'
import { SelectableState } from 'src/state/SelectionState'

export interface OnClickActiveOptionProps {
  (props: ActiveOptionProps): void
}
export interface ActiveOptionRenderProp {
  (props: ActiveOptionProps, state: SelectableState): ReactNode
}

export interface ActiveOptionProps extends OptionProps {
  onClick: OnClickActiveOptionProps
  state: SelectableState

  children?: ReactNode
  className?: string

  // @todo @fixme
  // qa?: string
  // dataQa?: string

  renderText?: ActiveOptionRenderProp
  renderActiveBeforeText?: ActiveOptionRenderProp
  renderActiveAfterText?: ActiveOptionRenderProp
}