lucid-ui
Version:
A UI component library from AppNexus.
31 lines • 1.4 kB
JavaScript
import _map from "lodash/map";
import React from 'react';
import createClass from 'create-react-class';
import { ToolTipDumb } from '../../../index';
var Target = ToolTipDumb.Target,
Title = ToolTipDumb.Title,
Body = ToolTipDumb.Body;
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("section", {
style: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center'
}
}, _map(['right', 'up', 'down', 'left'], function (direction) {
return _map(['start', 'center', 'end'], function (alignment) {
return /*#__PURE__*/React.createElement("section", {
key: "".concat(direction).concat(alignment),
style: {
margin: '90px'
}
}, /*#__PURE__*/React.createElement(ToolTipDumb, {
direction: direction,
alignment: alignment,
isExpanded: true
}, /*#__PURE__*/React.createElement(Title, null, "Title: ", direction, " ", alignment), /*#__PURE__*/React.createElement(Body, null, "ToolTip is a utility component to create a transient message anchored to another component. My direction is \"", direction, "\". My alignment is \"", alignment, "\"."), /*#__PURE__*/React.createElement(Target, null, /*#__PURE__*/React.createElement("div", null, "Target ", direction, " ", alignment))));
});
}));
}
});