import React from 'react'
import { ExpandableCard } from '@skava/ui/dist/components/organisms/ExpandableCard'
import { PaymentInformationCardProps } from './typings'
import {
  defaultRenderHeader,
  defaultRenderItem,
  defaultRenderList,
  defaultRenderCard,
  defaultRenderForm,
} from './renderProps'

class PaymentInformationCard extends React.PureComponent<PaymentInformationCardProps> {
  static defaultProps = {
    className: '',
    list: [{}, {}, ],
    //
    renderHeader: defaultRenderHeader,
    renderItem: defaultRenderItem,
    renderList: defaultRenderList,
    renderCard: defaultRenderCard,
    renderForm: defaultRenderForm,
  }
  render() {
    const { renderCard, renderForm, renderHeader, ...remainingProps } = this.props
    return (
      <ExpandableCard
        renderDefaultView={renderCard}
        renderExpandedView={renderForm}
        renderToggleButton={renderHeader}
        {...remainingProps}
      />
    )
  }
}

export { PaymentInformationCard }
export default PaymentInformationCard