React = require 'react'
animationMixin = require '../mixins/animation_mixin'

{div} = React.DOM

SaveConfirm = React.createClass
  
  displayName: 'SaveConfirm'

  mixins: [animationMixin]

  enterDuration: 300
  enterStateStart:
    opacity: 0
  enterStateEnd:
    opacity: 1
  enterEasing: 'easeOutCirc'
  
  leaveDuration: 300
  leaveStateStart:
    opacity: 1
  leaveStateEnd:
    opacity: 0
  leaveEasing: 'easeInCirc'
  
  render: ->
    {opacity} = @state

    div {
      className: 'phase-save-confirm'
      style:
        opacity: opacity
    }


module.exports = SaveConfirm