import React from 'react'
import {
  renderWrapper as defaultRenderWrapper,
  renderButtons as defaultRenderButtons,
} from './renderProps'
import { ActionButtonProps } from './typings'

class ActionButtons extends React.PureComponent<ActionButtonProps> {
  static defaultProps = {
    className: '',
    renderWrapper: defaultRenderWrapper,
    renderButtons: defaultRenderButtons,
  }
  render() {
    const { renderWrapper, renderButtons, ...remainingProps } = this.props
    const children = renderButtons(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { ActionButtons }
export default ActionButtons