import React from 'react'
import { NO_OP } from 'exotic'
import { RemoveCardProps } from './typings'
import {
  defaultRenderText,
  defaultRenderButtons,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class ConfirmationCard extends React.Component<RemoveCardProps> {
  static defaultProps = {
    className: '',
    // data
    confirmationText: 'Remove Card?',
    confirmButtonLabel: 'Yes',
    cancelButtonLabel: 'Cancel',
    // handlers
    onConfirmation: NO_OP,
    onCancel: NO_OP,
    // renderProps
    renderText: defaultRenderText,
    renderButtons: defaultRenderButtons,
    renderWrapper: defaultRenderWrapper,
  }

  render() {
    const { renderWrapper, ...remainingProps } = this.props
    const children = defaultRenderBox(remainingProps)
    const view = renderWrapper({ ...remainingProps, children })
    return view
  }
}

export { ConfirmationCard }
export default ConfirmationCard