"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Main = void 0;

var _react = _interopRequireDefault(require("react"));

var _DataGrid = _interopRequireDefault(require("./DataGrid"));

var _link = _interopRequireDefault(require("../link"));

var _menu = require("../menu");

var _datagrid = require("../../static/data/datagrid");

var _default = {
  component: _DataGrid.default,
  title: 'DataGrid'
};
exports.default = _default;

var Main = function Main() {
  return /*#__PURE__*/_react.default.createElement(_DataGrid.default, {
    selectable: true,
    bordered: true
  }, /*#__PURE__*/_react.default.createElement(_DataGrid.default.HeaderRow, null, /*#__PURE__*/_react.default.createElement(_DataGrid.default.HeaderCell, {
    sorted: "asc"
  }, "Invoice"), /*#__PURE__*/_react.default.createElement(_DataGrid.default.HeaderCell, {
    align: "right"
  }, "Amount"), /*#__PURE__*/_react.default.createElement(_DataGrid.default.HeaderCell, {
    flex: 5
  }, "Customer"), /*#__PURE__*/_react.default.createElement(_DataGrid.default.HeaderCell, null, "Due date"), /*#__PURE__*/_react.default.createElement(_DataGrid.default.HeaderCell, {
    flex: "min-width"
  })), _datagrid.rows1.map(function (row, index) {
    return /*#__PURE__*/_react.default.createElement(_DataGrid.default.BodyRow, {
      key: index
    }, /*#__PURE__*/_react.default.createElement(_DataGrid.default.Cell, null, /*#__PURE__*/_react.default.createElement(_link.default, {
      href: "#",
      inherit: false
    }, row.column5)), /*#__PURE__*/_react.default.createElement(_DataGrid.default.Cell, {
      align: "right",
      strong: true
    }, "\u20AC ".concat(row.column3)), /*#__PURE__*/_react.default.createElement(_DataGrid.default.Cell, {
      flex: 5
    }, row.column2), /*#__PURE__*/_react.default.createElement(_DataGrid.default.Cell, {
      soft: true
    }, row.column4), /*#__PURE__*/_react.default.createElement(_DataGrid.default.Cell, {
      align: "right",
      flex: "min-width",
      preventOverflow: false
    }, /*#__PURE__*/_react.default.createElement(_menu.IconMenu, {
      position: "top-right"
    }, /*#__PURE__*/_react.default.createElement(_menu.MenuItem, {
      label: "Action"
    }))));
  }), /*#__PURE__*/_react.default.createElement(_DataGrid.default.FooterRow, {
    backgroundColor: "neutral"
  }, /*#__PURE__*/_react.default.createElement(_DataGrid.default.Cell, {
    align: "right"
  }, "".concat(_datagrid.rows1.length, " rows in total"))));
};

exports.Main = Main;