lucid-ui
Version:
A UI component library from AppNexus.
63 lines • 2.14 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Line, chartConstants } from '../../../index';
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
width: 200,
height: 120
}, /*#__PURE__*/React.createElement(Line, {
color: chartConstants.COLOR_0,
d: "M0,0 L120,120"
}), /*#__PURE__*/React.createElement(Line, {
color: chartConstants.COLOR_1,
d: "M0,20 L120,100"
}), /*#__PURE__*/React.createElement(Line, {
color: chartConstants.COLOR_2,
d: "M0,40 L120,80"
}), /*#__PURE__*/React.createElement(Line, {
color: chartConstants.COLOR_3,
d: "M0,60 L120,60"
}), /*#__PURE__*/React.createElement(Line, {
color: chartConstants.COLOR_4,
d: "M0,80 L120,40"
}), /*#__PURE__*/React.createElement(Line, {
color: chartConstants.COLOR_5,
d: "M0,100 L120,20"
}), /*#__PURE__*/React.createElement(Line, {
color: chartConstants.COLOR_6,
d: "M0,120 L120,0"
})), /*#__PURE__*/React.createElement("svg", {
width: 200,
height: 120
}, /*#__PURE__*/React.createElement(Line, {
isDotted: true,
color: chartConstants.COLOR_0,
d: "M0,0 L120,120"
}), /*#__PURE__*/React.createElement(Line, {
isDotted: true,
color: chartConstants.COLOR_1,
d: "M0,20 L120,100"
}), /*#__PURE__*/React.createElement(Line, {
isDotted: true,
color: chartConstants.COLOR_2,
d: "M0,40 L120,80"
}), /*#__PURE__*/React.createElement(Line, {
isDotted: true,
color: chartConstants.COLOR_3,
d: "M0,60 L120,60"
}), /*#__PURE__*/React.createElement(Line, {
isDotted: true,
color: chartConstants.COLOR_4,
d: "M0,80 L120,40"
}), /*#__PURE__*/React.createElement(Line, {
isDotted: true,
color: chartConstants.COLOR_5,
d: "M0,100 L120,20"
}), /*#__PURE__*/React.createElement(Line, {
isDotted: true,
color: chartConstants.COLOR_6,
d: "M0,120 L120,0"
})));
}
});