lucid-ui/lib/components/Bar/examples/custom-colors.js

A UI component library from AppNexus.

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React from 'react';
import createClass from 'create-react-class';
import { Bar } from '../../../index';
var svgProps = {
  width: 20,
  height: 100
};
var pointProps = {
  x: 5,
  y: 0,
  width: 10,
  height: 100
};
export default createClass({
  render: function render() {
    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", svgProps, /*#__PURE__*/React.createElement(Bar, _extends({}, pointProps, {
      color: "#f80"
    }))), /*#__PURE__*/React.createElement("svg", svgProps, /*#__PURE__*/React.createElement(Bar, _extends({}, pointProps, {
      color: "#abc123"
    }))));
  }
});