import { ReactNode } from 'react'
import { ProductItemProps as ProductItemPlaceholderProps } from 'abstractions/Subscription/ProductItem'
import { MySubscriptionInformationProps } from '../MySubscriptionCard'

export interface ProductItemListProps {
  label?: string
  value?: string
}

export interface ProductItemDetailProps {
  image?: string
  title?: string
  skuId?: Array<ProductItemListProps>
  description?: string
  salePrice?: string
  regularPrice?: string
  navigationUrl?: string
}

export interface ProductItemInfoProps extends MySubscriptionInformationProps {
  productItemInformation?: ProductItemDetailProps
}

export interface ProductItemProps extends ProductItemPlaceholderProps {
  item?: ProductItemDetailProps
}