lucid-ui
Version:
A UI component library from AppNexus.
64 lines • 5.2 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var Target = index_1.ToolTipDumb.Target, Title = index_1.ToolTipDumb.Title, Body = index_1.ToolTipDumb.Body;
exports.default = create_react_class_1.default({
getInitialState: function () { return ({ isExpanded: true }); },
render: function () {
var _this = this;
return (react_1.default.createElement("section", { style: {
display: 'flex',
flexDirection: 'column',
} },
react_1.default.createElement("section", { style: {
marginTop: 150,
display: 'flex',
flexDirection: 'row',
justifyContent: 'space-around',
} },
react_1.default.createElement("div", { style: { marginTop: 60, marginBottom: 60 } },
react_1.default.createElement(index_1.ToolTipDumb, { isExpanded: this.state.isExpanded },
react_1.default.createElement(Body, null, "ToolTip is a utility component to create a transient message anchored to another component."),
react_1.default.createElement(Target, null,
react_1.default.createElement("div", null, "No Title or Close Button")))),
react_1.default.createElement("div", { style: { marginTop: 60, marginBottom: 60 } },
react_1.default.createElement(index_1.ToolTipDumb, { isCloseable: true, onClose: function () { return _this.setState({ isExpanded: false }); }, isExpanded: this.state.isExpanded },
react_1.default.createElement(Body, null, "ToolTip is a utility component to create a transient message anchored to another component."),
react_1.default.createElement(Target, null,
react_1.default.createElement("div", null, "With Close Button")))),
react_1.default.createElement("div", { style: { marginTop: 60, marginBottom: 60 } },
react_1.default.createElement(index_1.ToolTipDumb, { isCloseable: true, onClose: function () { return _this.setState({ isExpanded: false }); }, isExpanded: this.state.isExpanded },
react_1.default.createElement(Title, null, "Title"),
react_1.default.createElement(Body, null, "ToolTip is a utility component to create a transient message anchored to another component."),
react_1.default.createElement(Target, null,
react_1.default.createElement("div", null, "With Title and Close Button"))))),
react_1.default.createElement("section", { style: {
marginTop: 150,
display: 'flex',
flexDirection: 'row',
justifyContent: 'space-around',
} },
react_1.default.createElement("div", { style: { marginTop: 60, marginBottom: 60 } },
react_1.default.createElement(index_1.ToolTipDumb, { isLight: true, isExpanded: this.state.isExpanded },
react_1.default.createElement(Body, null, "ToolTip is a utility component to create a transient message anchored to another component."),
react_1.default.createElement(Target, null,
react_1.default.createElement("div", null, "No Title or Close Button")))),
react_1.default.createElement("div", { style: { marginTop: 60, marginBottom: 60 } },
react_1.default.createElement(index_1.ToolTipDumb, { isLight: true, isCloseable: true, onClose: function () { return _this.setState({ isExpanded: false }); }, isExpanded: this.state.isExpanded },
react_1.default.createElement(Body, null, "ToolTip is a utility component to create a transient message anchored to another component."),
react_1.default.createElement(Target, null,
react_1.default.createElement("div", null, "With Close Button")))),
react_1.default.createElement("div", { style: { marginTop: 60, marginBottom: 60 } },
react_1.default.createElement(index_1.ToolTipDumb, { isLight: true, isCloseable: true, onClose: function () { return _this.setState({ isExpanded: false }); }, isExpanded: this.state.isExpanded },
react_1.default.createElement(Title, null, "Title"),
react_1.default.createElement(Body, null, "ToolTip is a utility component to create a transient message anchored to another component."),
react_1.default.createElement(Target, null,
react_1.default.createElement("div", null, "With Title and Close Button")))))));
},
});
//# sourceMappingURL=2.variants.js.map