import React from 'react'
import { useSelector } from 'react-redux'

function FeatureTip() {
  const featureTip = useSelector(s => s.runtime.featureTip);
  if (!featureTip) {
    return null;
  }
  return (
    <div style={{ display: 'block', left: featureTip.left, top: featureTip.top }} className="tip_container">
      <div style={{ borderTopColor: 'white' }} />
      <div className="tip_txt">{featureTip.text}</div>
    </div>
  )
}

export default FeatureTip