import React from 'react'
import ExpandableCard from 'organisms/ExpandableCard'
import { AddressToggleProps } from './typings'
import {
  defaultRenderToggleButton,
  defaultRenderExpandedView,
  defaultRenderDefaultView,
  defaultRenderAddNewButton,
  defaultRenderSavedButton,
} from './renderProps'

class AddressToggle extends React.Component<AddressToggleProps> {
  static defaultProps = {
    className: '',
    // render props
    renderToggleButton: defaultRenderToggleButton,
    renderExpandedView: defaultRenderExpandedView,
    renderDefaultView: defaultRenderDefaultView,
    renderSavedButton: defaultRenderSavedButton,
    renderAddNewButton: defaultRenderAddNewButton,
  }
  render() {
    const {
      renderToggleButton,
      renderExpandedView,
      renderDefaultView,
      ...remainingProps
    } = this.props
    return (
      <ExpandableCard
        renderDefaultView={renderDefaultView}
        renderExpandedView={renderExpandedView}
        renderToggleButton={renderToggleButton}
        {...remainingProps}
      />
    )
  }
}

export { AddressToggle }
export default AddressToggle