import React from 'react'
import { NO_OP } from 'exotic'
import { DashboardCard as DashboardCardPlaceholder } from 'abstractions/B2B/DashboardOverview'
import { DashboardCardProps } from './typings'
import {
  defaultRenderHeading,
  defaultRenderDescription,
  defaultRenderButton,
} from './renderProps'

class DashboardCard extends React.PureComponent<DashboardCardProps> {
  static defaultProps = {
    className: '',

    // render props
    renderHeading: defaultRenderHeading,
    renderDescription: defaultRenderDescription,
    renderButton: defaultRenderButton,

    // handle click event
    onButtonClick: NO_OP,
  }
  render() {
    return <DashboardCardPlaceholder {...this.props} />
  }
}

export { DashboardCard }
export default DashboardCard