lucid-ui
Version:
A UI component library from AppNexus.
47 lines • 1.66 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { DataTable } from '../../../index';
var EmptyStateWrapper = DataTable.EmptyStateWrapper,
_DataTable$EmptyState = DataTable.EmptyStateWrapper,
Title = _DataTable$EmptyState.Title,
Body = _DataTable$EmptyState.Body;
export default createClass({
getInitialState: function getInitialState() {
return {
data: []
};
},
render: function render() {
var data = this.state.data;
return /*#__PURE__*/React.createElement(DataTable, {
data: data,
density: "extended",
isFullWidth: true
}, /*#__PURE__*/React.createElement(EmptyStateWrapper, null, /*#__PURE__*/React.createElement(Title, null, "No items found."), /*#__PURE__*/React.createElement(Body, null, /*#__PURE__*/React.createElement("img", {
src: "https://dummyimage.com/375x150/ff69/fff"
}))), /*#__PURE__*/React.createElement(DataTable.Column, {
field: "id",
width: 41,
align: "center",
hasBorderLeft: true,
isSortable: true
}, "ID"), /*#__PURE__*/React.createElement(DataTable.Column, {
field: "first_name",
width: 100,
hasBorderLeft: true
}, "First"), /*#__PURE__*/React.createElement(DataTable.Column, {
field: "last_name",
align: "left",
width: 100,
hasBorderRight: true
}, "Last"), /*#__PURE__*/React.createElement(DataTable.Column, {
field: "email",
align: "center"
}, "E-Mail"), /*#__PURE__*/React.createElement(DataTable.Column, {
field: "occupation",
align: "right",
width: 100,
hasBorderLeft: true
}, "Occupation"));
}
});