import React, { Component } from 'react'

import actions from 'app/actions'
import { Arrow } from '../nav/viewer.icons'
import SubscriptionForm from '../forms/subscription.form'

export default class ViewerSectionsShare extends Component {
  render() {
    return (
      <div className='nav-subscribe'>
        <div>
          <SubscriptionForm />
          <SubscribeLink type='down' />
        </div>
      </div>
    )
  }
}

const SubscribeLink = ({ type }) => (
  <div className="nav-return" onClick={() => actions.viewer.hideNavComponent('subscribe')}>
    <Arrow type={type} />
    {'Subscribe'}
  </div>
)