"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Filled = exports.Empty = void 0;
var _react = _interopRequireDefault(require("react"));
var _Table = require("../components/Table");
var _default = {
  title: 'Design System/Table',
  component: _Table.Table
};
exports.default = _default;
var Template = function Template(args) {
  return /*#__PURE__*/_react.default.createElement("div", {
    style: {
      maxWidth: '400px'
    }
  }, /*#__PURE__*/_react.default.createElement(_Table.Table, args));
};
var Filled = Template.bind({});
exports.Filled = Filled;
Filled.args = {
  width: 900,
  height: 300,
  columns: [{
    header: 'First name',
    accessor: 'first',
    index: true
  }, {
    header: 'Last name',
    accessor: 'last'
  }, {
    header: 'Email',
    accessor: 'email'
  }, {
    header: 'Age',
    accessor: 'age'
  }],
  data: [{
    first: 'John',
    last: 'Doe',
    email: 'johndoe@gmail.com',
    age: 24
  }, {
    first: 'Mike',
    last: 'Wazovski',
    email: 'mikewazovski@gmail.com',
    age: 69
  }, {
    first: 'Mike',
    last: 'Wazovski',
    email: 'mikewazovski@gmail.com',
    age: 69
  }, {
    first: 'Mike',
    last: 'Wazovski',
    email: 'mikewazovski@gmail.com',
    age: 69
  }, {
    first: 'Mike',
    last: 'Wazovski',
    email: 'mikewazovski@gmail.com',
    age: 69
  }, {
    first: 'Mike',
    last: 'Wazovski',
    email: 'mikewazovski@gmail.com',
    age: 69
  }]
};
var Empty = Template.bind({});
exports.Empty = Empty;
Empty.args = {
  columns: [{
    header: 'First name',
    accessor: 'first'
  }, {
    header: 'Last name',
    accessor: 'last'
  }, {
    header: 'Email',
    accessor: 'email'
  }],
  data: [],
  empty: 'No data to be seen'
};