import { ReactNode } from 'react'
import { CardProps, CardState } from 'organisms/ExpandableCard/typings'

export interface ShippingAddressCardItemProp {
  index?: number
  onShippingCardSave?: Function
}

export type ShippingAddressCardtype = Array<ShippingAddressCardItemProp>

export interface ShippingAddressCardItemRenderProp extends Function {
  (
    props?: ShippingAddressCardItemProp,
    state?: ShippingAddressCardState
  ): ReactNode
}

export interface ShippingAddressCardRenderProp extends Function {
  (
    props?: ShippingAddressCardProps,
    state?: ShippingAddressCardState
  ): ReactNode
}

export interface ShippingAddressCardProps extends CardProps {
  className?: string
  list?: ShippingAddressCardtype
  onShippingCardSave?: Function

  renderItem?: ShippingAddressCardItemRenderProp
  renderList?: ShippingAddressCardRenderProp
  renderCard?: ShippingAddressCardRenderProp
  renderHeader?: ShippingAddressCardRenderProp
  renderForm?: ShippingAddressCardRenderProp
}

export interface ShippingAddressCardState extends CardState {}