import React from 'react'
import { observable, action } from 'xmobx/mobx'
import { list as shareIconList } from './fixtures'
import { ItemProps, ShareProps } from './typings'
import { fromListOfTemplateStringsToRendered, copyToClipboard } from './deps'

class ShareContainer {
  @observable list: Array<ItemProps> = shareIconList

  @action.bound
  updateListFrom(props: ShareProps): void {
    this.list = fromListOfTemplateStringsToRendered(this.list, props)
  }

  copyToClipboard = copyToClipboard
}

const shareContainer = new ShareContainer()

export { shareContainer, ShareContainer }
export default shareContainer