lucid-ui
Version:
A UI component library from AppNexus.
55 lines • 1.74 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { BarChart, LoadingIndicator, LoadingIcon } from '../../../index';
var LoadingMessage = LoadingIndicator.LoadingMessage,
_LoadingIndicator$Loa = LoadingIndicator.LoadingMessage,
Title = _LoadingIndicator$Loa.Title,
Body = _LoadingIndicator$Loa.Body,
Icon = _LoadingIndicator$Loa.Icon;
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LoadingIndicator, {
isLoading: true
}, /*#__PURE__*/React.createElement(BarChart, {
width: 750,
data: [{
x: '2015-01-01',
y: 1
}, {
x: '2015-01-02',
y: 2
}, {
x: '2015-01-03',
y: 3
}, {
x: '2015-01-04',
y: 5
}]
}), /*#__PURE__*/React.createElement(LoadingMessage, null, /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement(LoadingIcon, {
speed: "slow"
})), /*#__PURE__*/React.createElement(Title, null, "Custom Title"), /*#__PURE__*/React.createElement(Body, null, "Custom Body"))), /*#__PURE__*/React.createElement(LoadingIndicator, {
isLoading: true
}, /*#__PURE__*/React.createElement(BarChart, {
width: 750,
data: [{
x: '2015-01-01',
y: 1
}, {
x: '2015-01-02',
y: 2
}, {
x: '2015-01-03',
y: 3
}, {
x: '2015-01-04',
y: 5
}]
}), /*#__PURE__*/React.createElement(LoadingMessage, {
Icon: /*#__PURE__*/React.createElement(LoadingIcon, {
speed: "fast"
}),
Title: "Enhancing...",
Body: "Please wait"
})));
}
});