lucid-ui
Version:
A UI component library from AppNexus.
29 lines • 2.25 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 EmptyStateWrapper = index_1.DataTable.EmptyStateWrapper, _a = index_1.DataTable.EmptyStateWrapper, Title = _a.Title, Body = _a.Body;
exports.default = create_react_class_1.default({
getInitialState: function () {
return {
data: [],
};
},
render: function () {
var data = this.state.data;
return (react_1.default.createElement(index_1.DataTable, { data: data, density: 'extended', isFullWidth: true, minRows: 15 },
react_1.default.createElement(EmptyStateWrapper, null,
react_1.default.createElement(Title, null, "Something went wrong."),
react_1.default.createElement(Body, { style: { fontSize: '12px' } }, "Echo park poutine esse tempor squid do. Lo-fi ramps XOXO chicharrones laboris, portland fugiat locavore. Fap four dollar toast keytar, cronut kogi fingerstache distillery microdosing everyday carry austin DIY dreamcatcher. Distillery flexitarian meditation laboris roof party. Cred raclette gastropub tilde PBR&B. Shoreditch poke adipisicing, reprehenderit lumbersexual succulents mustache officia franzen vinyl nostrud af. Hashtag bitters organic, before they sold out butcher cronut sapiente.")),
react_1.default.createElement(index_1.DataTable.Column, { field: 'id' }, "ID"),
react_1.default.createElement(index_1.DataTable.Column, { field: 'first_name', width: 100 }, "First"),
react_1.default.createElement(index_1.DataTable.Column, { field: 'last_name', align: 'left', width: 100 }, "Last"),
react_1.default.createElement(index_1.DataTable.Column, { field: 'email', align: 'center' }, "E-Mail"),
react_1.default.createElement(index_1.DataTable.Column, { field: 'occupation', align: 'right', width: 100 }, "Occupation")));
},
});
//# sourceMappingURL=07.empty-with-custom-title-and-body.js.map