import React, { Component } from 'react'
// import { Link } from 'react-router-dom'
import { connect } from 'react-redux'

import actions from 'app/actions'

const Script = ({ text }) => {
  if (text.loading) return null
  return (
    <textarea 
      className='script'
      onChange={e => actions.site.updateText(e.target.value)}
      value={text}
    />
  )
}

const mapStateToProps = state => ({
  text: state.align.text,
})

export default connect(mapStateToProps)(Script)