import React from 'react'
import { observer } from 'xmobx/mobx-react'
import { PaymentListProps } from './typings'
import {
  defaultRenderIcon,
  defaultRenderText,
  defaultRenderContentWrapper,
} from './renderProps'
import { StyledToggleList } from './styled'

@observer
class PaymentList extends React.Component<PaymentListProps> {
  static defaultProps = {
    className: '',
    renderIcon: defaultRenderIcon,
    renderText: defaultRenderText,
    renderContentWrapper: defaultRenderContentWrapper,
  }
  render() {
    const selectedDataQa = ''
    const unselectedDataQa = ''

    const attributes = {
      selectedDataQa,
      unselectedDataQa,
    }
    return <StyledToggleList {...attributes} {...this.props} />
  }
}

export { PaymentList }
export default PaymentList