import { StylableComponentProps } from '../theme'

export interface DropdownProps extends StylableComponentProps {
    name: string
    closeOnClick?: boolean
    openOnHover?: boolean
    position?: string
    icon?: JSX.Element
    toggleIcon?: JSX.Element
    itemStyles?: any
    listWidth?: number
}

export interface DropdownComponentProps extends DropdownProps {
    name: string
    isToggled: boolean
    closeOnClick: boolean
    openOnHover: boolean
    position: string
    icon: JSX.Element
    toggleIcon: JSX.Element // an alternative icon may be supplied for when the dropdown is open
    listWidth: number
    openDropdown: (key: string) => any
    closeDropdown: (key: string) => any
    toggleDropdown: (key: string) => any
}

export interface DropdownItemProps extends StylableComponentProps {
    active: boolean
    onClick?: (event: React.MouseEvent<any>) => void
}