lucid-ui
Version:
A UI component library from AppNexus.
30 lines • 1.94 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 },
react_1.default.createElement(EmptyStateWrapper, null,
react_1.default.createElement(Title, null, "No items found."),
react_1.default.createElement(Body, null,
react_1.default.createElement("img", { src: 'https://dummyimage.com/375x150/ff69/fff' }))),
react_1.default.createElement(index_1.DataTable.Column, { field: 'id', width: 41, align: 'center', hasBorderLeft: true, isSortable: true }, "ID"),
react_1.default.createElement(index_1.DataTable.Column, { field: 'first_name', width: 100, hasBorderLeft: true }, "First"),
react_1.default.createElement(index_1.DataTable.Column, { field: 'last_name', align: 'left', width: 100, hasBorderRight: true }, "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, hasBorderLeft: true }, "Occupation")));
},
});
//# sourceMappingURL=08.empty-with-image.js.map