'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SliderTooltip = undefined;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var SliderTooltip = exports.SliderTooltip = function SliderTooltip(_ref) {
  var className = _ref.className,
      percentage = _ref.percentage,
      children = _ref.children;

  return _react2.default.createElement(
    'div',
    { className: (0, _classnames2.default)('k-SliderTooltip', className) },
    _react2.default.createElement(
      'div',
      { className: 'k-SliderTooltip__tip' },
      _react2.default.createElement(
        'div',
        {
          className: 'k-SliderTooltip__tip__content',
          style: { left: percentage }
        },
        children
      )
    ),
    _react2.default.createElement(
      'div',
      { className: 'k-SliderTooltip__arrow' },
      _react2.default.createElement('div', {
        className: 'k-SliderTooltip__arrow__content',
        style: { left: percentage }
      })
    )
  );
};

// DEPRECATED: do not use default export.
exports.default = SliderTooltip;