import React from 'react'
import {
  defaultRenderToggleButton,
  defaultRenderExpandedView,
  defaultRenderDefaultView,
} from './renderProps'
import { DeliveryInstructionProps } from './typings'
import { StyledExpandableCard } from './styled'

class DeliveryInstruction extends React.PureComponent<
  DeliveryInstructionProps
> {
  static defaultProps = {
    className: '',
    renderToggleButton: defaultRenderToggleButton,
    renderExpandedView: defaultRenderExpandedView,
  }
  render() {
    const {
      renderToggleButton,
      renderExpandedView,
      ...remainingProps
    } = this.props
    return (
      <StyledExpandableCard
        renderDefaultView={defaultRenderDefaultView}
        renderExpandedView={renderExpandedView}
        renderToggleButton={renderToggleButton}
        {...remainingProps}
      />
    )
  }
}

export { DeliveryInstruction }
export default DeliveryInstruction