import { ReactNode } from 'react'

export interface GridTemplateRenderProp extends Function {
  (props: GridTemplateProps): ReactNode
}

export interface ImageComponentProps extends BaseComponentProps {
  src?: string
  alternateText?: string
  colSpan?: number
  url?: string
  index?: number
  backgroundColor?: string
}

export interface BaseComponentProps {}

export interface GridTemplateProps {
  className?: string
  dataQa?: string
  children?: ReactNode
  direction?: string
  backgroundColor?: string
  gridGap?: number
  shouldWrap?: boolean
  desktopColSpan?: number
  tabletColSpan?: number
  mobileColSpan?: number
  list?: Array<ImageComponentProps>
  // renderProps
  renderComponent?: GridTemplateRenderProp
  renderBox?: GridTemplateRenderProp
  renderWrapper?: GridTemplateRenderProp
}