backpack-ui/src/components/bullet/index.jsx

Lonely Planet's Components

import React from "react";
import PropTypes from "prop-types";

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

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

const Bullet = ({ space, color }) => (
  <span
    style={{ color }}
    aria-hidden="true"
    dangerouslySetInnerHTML={markup(content[space])}
  />
);

Bullet.propTypes = {
  space: PropTypes.oneOf([
    "none",
    "before",
    "after",
    "both",
  ]),
  color: PropTypes.string,
};

Bullet.defaultProps = {
  space: "none",
};

export default Bullet;