import React from 'react'
import { observer } from 'xmobx/mobx-react'
import { wording } from '@skava/ui/dist/words'
import { makeCommonState } from '@skava/ui/dist/state/common'
import { ShareListProps } from './typings'
import {
  defaultRenderSocialIconList,
  defaultRenderForm,
  defaultRenderListName,
  defaultRenderTitle,
  defaultRenderModal,
  defaultRenderShareIcon,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

@observer
class ShareList extends React.Component<ShareListProps> {
  static defaultProps = {
    className: '',
    title: wording.shareMyList,
    // renderProps
    renderForm: defaultRenderForm,
    renderTitle: defaultRenderTitle,
    renderListName: defaultRenderListName,
    renderSocialIconList: defaultRenderSocialIconList,
    renderModal: defaultRenderModal,
    renderShareIcon: defaultRenderShareIcon,
  }

  observableState = makeCommonState()

  render() {
    const children = defaultRenderBox(this.props, this.observableState)
    const view = defaultRenderWrapper({ children, ...this.props })
    return view
  }
}

export { ShareList }
export default ShareList