 async = require('async')
 
 {React, ReactDOM, rclass, rtypes, is_redux, is_redux_actions} = require('./smc-react')
-{Alert, Button, ButtonToolbar, Col, Input, OverlayTrigger, Popover, Row, Well} = require('react-bootstrap')
+{Alert, Button, ButtonToolbar, Col, Input, OverlayTrigger, Popover, Tooltip, Row, Well} = require('react-bootstrap')
 {HelpEmailLink, SiteName, CompanyName, PricingUrl, PolicyTOSPageUrl, PolicyIndexPageUrl, PolicyPricingPageUrl} = require('./customize')
 
 Combobox = require('react-widgets/lib/Combobox')

    propTypes :
        title     : rtypes.oneOfType([rtypes.string, rtypes.node]).isRequired
        placement : rtypes.string   # 'top', 'right', 'bottom', left' -- defaults to 'right'
        tip       : rtypes.oneOfType([rtypes.string, rtypes.node]).isRequired
        size      : rtypes.string   # "xsmall", "small", "medium", "large"
        delayShow : rtypes.number
        icon      : rtypes.string

        <span>{<Icon name={@props.icon}/> if @props.icon} {@props.title}</span>

    render_popover : ->
        if @props.tip
            <Popover
                bsSize = {@props.size}
                title  = {@render_title()}
                id     = {@props.id ? "tip"}
                >
                <span style={wordWrap:'break-word'}>
                    {@props.tip}
                </span>
            </Popover>
        else
            <Tooltip
                bsSize = {@props.size}
                id     = {@props.id ? "tip"} >
                {@render_title()}
            </Tooltip>

    render : ->
        <OverlayTrigger
