import { ActionCreator } from 'typescript-fsa'
import { IActivityGroup } from '../../../modules/activityGroups/interfaces'

export interface ISearchComponentContainerProps {
  key: string
}

export interface ISearchComponentContainerMapStateToProps {
  searchQuery: string,
  searchFocused: boolean
  activityGroups: IActivityGroup[]
}

export interface ISearchComponentContainerMapDispatchToProps {
  actions: {
    updateSearchQuery: ActionCreator<string>,
    searchFocused: ActionCreator<boolean>,
  }
}

export interface ISearchComponentProps extends ISearchComponentContainerProps, ISearchComponentContainerMapStateToProps, ISearchComponentContainerMapDispatchToProps {}

export interface ISearchComponentState {
  searchQuery: string,
}