import React from 'react'
import { omit } from '@skava/utils'
import { AnimatedExpandableCard } from 'presets/AnimatedExpandableCard'
import { PaymentActionTileProps } from './typings'
import {
  defaultRenderHeaderView,
  defaultRenderExpandableView,
  defaultRenderFooterView,
} from './renderProps'

class PaymentActionTile extends React.Component<PaymentActionTileProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderHeaderView: defaultRenderHeaderView,
    renderExpandableView: defaultRenderExpandableView,
  }
  render() {
    const {
      renderHeaderView,
      renderExpandableView,
      ...remainingProps
    } = this.props

    const passThroughProps = omit(remainingProps, ['list', 'value'])

    return (
      <AnimatedExpandableCard
        renderHeaderView={renderHeaderView}
        renderExpandableView={renderExpandableView}
        renderFooterView={defaultRenderFooterView}
        {...passThroughProps}
      />
    )
  }
}

export { PaymentActionTile }
export default PaymentActionTile