import React, { Component } from 'react'
import { generateTransform } from 'app/views/tile/tile.utils'

export default class TileScript extends Component {
  componentDidMount(){
    const { viewing, tile } = this.props
    if (viewing) {
      eval(tile.settings.content)
    }
  }
  render() {
    if (viewing) {
      return null
    }

    const { tile, box, bounds, videoBounds, viewing, onMouseDown, onDoubleClick } = this.props
    // console.log(tile)
    const style = {
      transform: generateTransform(tile, box, bounds, videoBounds),
      opacity: tile.settings.opacity,
    }
    // console.log(generateTransform(tile))
    let className = ['tile', tile.type, 'hand_up'].join(' ')

    return (
      <div
        className={className}
        onMouseDown={onMouseDown}
        onDoubleClick={onDoubleClick}
        style={style}
      >
        {"SCRIPT"}
      </div>
    )
  }
}