import React from 'react'
import {
  CheckoutCartBundleProps as CheckoutCartBundlePlaceholderProps,
  CheckoutCartBundleRenderProp,
} from 'abstractions/BundleProduct'
import { ListProps as ListPropsPlaceholder } from 'abstractions/BundleProduct/CheckoutCartBundle'

export interface OptionsProps {
  label?: string
  value?: string
  isColon?: boolean
}

export interface ImageProps {
  value?: string
}

export interface ListProps extends ListPropsPlaceholder {
  image?: ImageProps
  brandName?: string
  name?: string
  options?: Array<OptionsProps>
  salePrice?: string
  regPrice?: string
  isBundleSubProduct?: boolean
  hasAddon?: boolean
  bundleMandatoryProductsCount?: number
  totalPrice?: string
  savePrice?: string
}

export interface CheckoutCartBundleProps
  extends CheckoutCartBundlePlaceholderProps {
  className?: string
  headerLabel?: string
  //
  renderHeader?: CheckoutCartBundleRenderProp
  renderFooter?: CheckoutCartBundleRenderProp
  renderToggleButton?: CheckoutCartBundleRenderProp
  renderList?: CheckoutCartBundleRenderProp
}