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

import actions from '../../../actions'
// import * as alignActions from '../align.actions'

class Timeline extends Component {
  constructor(props){
    super(props)
  }
  render() {
    if (this.props.text.loading) return <div />
    return (
      <textarea 
        className='script'
        onChange={e => actions.site.updateText(e.target.value)}
        value={this.props.text}
      />
    )
  }
}


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

const mapDispatchToProps = dispatch => ({
  // alignActions: bindActionCreators({ ...alignActions }, dispatch),
})

export default connect(mapStateToProps, mapDispatchToProps)(Timeline)