import { ReactNode } from 'react'
import { CommonState } from 'src/state/common'

// + it needs timeout if we autodismiss
// needs to be called by buttons
export type SnackBarState = CommonState

export interface SnackBarRenderProp {
  (props: SnackBarProps, state?: SnackBarState): ReactNode
}

export interface SnackBarProps {
  label?: string
  position?: string
  children?: ReactNode
  className?: string

  // passed to state
  isVisible?: boolean
  state?: SnackBarState

  renderWrap?: SnackBarRenderProp
  renderMessage?: SnackBarRenderProp
  renderActionButtonGroup?: SnackBarRenderProp
}