backpack-ui/dist/components/decoration/bullet.js

Lonely Planet's Components

"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

function Bullet(_ref) {
  var space = _ref.space;
  var color = _ref.color;

  var content = {
    before: " •",
    after: "• ",
    both: " • ",
    none: "•"
  };

  function markup(htmlContent) {
    return {
      __html: htmlContent
    };
  }

  return _react2.default.createElement("span", {
    style: { color: color },
    "aria-hidden": "true",
    dangerouslySetInnerHTML: markup(content[space])
  });
}

Bullet.propTypes = {
  /**
   * Where a space should be placed
   */
  space: _react2.default.PropTypes.oneOf(["none", "before", "after", "both"]),

  /**
   * CSS color value
   */
  color: _react2.default.PropTypes.string
};

Bullet.defaultProps = {
  space: "none",

  color: ""
};

exports.default = Bullet;