import { CSSProperties } from 'react'

enum THEMES {
  light,
  dark,
  clear
}

export type IDropdown = {
  title?: React.ReactElement
  theme: keyof typeof THEMES
  icon?: React.ReactElement
  className?: string
  style?: CSSProperties
  children?: React.ReactNode
}
export type IDropdownTitle = {
  open: boolean
  theme: keyof typeof THEMES
  onClick: () => void
}
export type IDropdownContainer = {
  open: boolean
  theme: keyof typeof THEMES
}
export type IDropdownItem = {
  icon?: React.ReactElement
  disabled?: boolean
  section?: boolean
  children: React.ReactNode
  onClick?: () => void
  className?: string
  style?: CSSProperties
}