import React from 'react'
import { ItemProps } from './typings'
import {
  defaultRenderHeaderView,
  defaultRenderExpandableView,
  defaultRenderFooterView,
  defaultRenderActionBar,
  defaultRenderButton,
  defaultRenderRemoveConfirmation,
} from './renderProps'
import { StyledAnimatedExpandableCard } from './styled'

class Item extends React.Component<ItemProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderHeaderView: defaultRenderHeaderView,
    renderExpandableView: defaultRenderExpandableView,
    renderFooterView: defaultRenderFooterView,
    renderActionBar: defaultRenderActionBar,
    renderButton: defaultRenderButton,
    renderRemoveConfirmation: defaultRenderRemoveConfirmation,
  }

  render() {
    const { item, ...remainingProps } = this.props
    const view = <StyledAnimatedExpandableCard {...item} {...remainingProps} />
    return view
  }
}

export { Item }
export default Item