import { ReactNode } from 'react'
import {
  MultipleListProps,
  MultipleLinkListProps,
} from 'presets/MultipleLinkList/typings'

/**
 * TYPES
 */
export type MenuListDataType = Array<ItemProps>

export interface MenuListRenderProp {
  (props: MenuListProps): ReactNode
}

export interface ItemProps {
  text?: string
}

export interface ImageDataProps {
  src?: string
}

export interface MenuListProps extends MultipleLinkListProps {
  buttonsList?: MenuListDataType
  imageData?: ImageDataProps
  // list: MultipleListProps
  linkViewAllText?: MenuListDataType

  /**
   * renderProps
   */
  renderImage?: MenuListRenderProp
  renderListOfLinksGrid?: MenuListRenderProp
  renderListOfButtons?: MenuListRenderProp
  renderWrapper?: MenuListRenderProp
}