import React from 'react';
import DataGrid from './DataGrid';
import Link from '../link';
import { IconMenu, MenuItem } from '../menu';
import { rows1 } from '../../static/data/datagrid';
export default {
  component: DataGrid,
  title: 'DataGrid'
};
export var Main = function Main() {
  return /*#__PURE__*/React.createElement(DataGrid, {
    selectable: true,
    bordered: true
  }, /*#__PURE__*/React.createElement(DataGrid.HeaderRow, null, /*#__PURE__*/React.createElement(DataGrid.HeaderCell, {
    sorted: "asc"
  }, "Invoice"), /*#__PURE__*/React.createElement(DataGrid.HeaderCell, {
    align: "right"
  }, "Amount"), /*#__PURE__*/React.createElement(DataGrid.HeaderCell, {
    flex: 5
  }, "Customer"), /*#__PURE__*/React.createElement(DataGrid.HeaderCell, null, "Due date"), /*#__PURE__*/React.createElement(DataGrid.HeaderCell, {
    flex: "min-width"
  })), rows1.map(function (row, index) {
    return /*#__PURE__*/React.createElement(DataGrid.BodyRow, {
      key: index
    }, /*#__PURE__*/React.createElement(DataGrid.Cell, null, /*#__PURE__*/React.createElement(Link, {
      href: "#",
      inherit: false
    }, row.column5)), /*#__PURE__*/React.createElement(DataGrid.Cell, {
      align: "right",
      strong: true
    }, "\u20AC ".concat(row.column3)), /*#__PURE__*/React.createElement(DataGrid.Cell, {
      flex: 5
    }, row.column2), /*#__PURE__*/React.createElement(DataGrid.Cell, {
      soft: true
    }, row.column4), /*#__PURE__*/React.createElement(DataGrid.Cell, {
      align: "right",
      flex: "min-width",
      preventOverflow: false
    }, /*#__PURE__*/React.createElement(IconMenu, {
      position: "top-right"
    }, /*#__PURE__*/React.createElement(MenuItem, {
      label: "Action"
    }))));
  }), /*#__PURE__*/React.createElement(DataGrid.FooterRow, {
    backgroundColor: "neutral"
  }, /*#__PURE__*/React.createElement(DataGrid.Cell, {
    align: "right"
  }, "".concat(rows1.length, " rows in total"))));
};