"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.IntegrationTableWithTypographyAndEllipsisOnName = exports.IntegrationTableWithTypography = exports.IntegrationTableStickyHeaderWithTypography = exports.DefaultStory = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _TableStories = require("./Table.stories.data");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var tableData = [];
for (var i = 0; i < 5; i += 1) {
  tableData = tableData.concat(_TableStories.data);
}
var _default = exports.default = {
  title: 'Atoms / Table'
};
var DefaultStory = exports.DefaultStory = {
  render: function render() {
    var _tableData;
    return _react.default.createElement(_.Table, {
      width: "100%"
    }, _react.default.createElement(_.Thead, null, _react.default.createElement(_.Tr, null, _react.default.createElement(_.Th, null, "Symbol"), _react.default.createElement(_.Th, null, "Name"))), _react.default.createElement(_.Tbody, null, (_tableData = tableData) === null || _tableData === void 0 ? void 0 : _tableData.map(function (instrument, index) {
      return _react.default.createElement(_.Tr, {
        key: "".concat(instrument[0], "_").concat(index)
      }, _react.default.createElement(_.Td, null, instrument[1]), _react.default.createElement(_.Td, null, instrument[2]));
    })), _react.default.createElement(_.Tfoot, null, _react.default.createElement(_.Tr, null, _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"))));
  },
  name: 'Default'
};
var IntegrationTableWithTypography = exports.IntegrationTableWithTypography = {
  render: function render() {
    var _tableData2;
    return _react.default.createElement(_.Typography, {
      type: "secondary"
    }, _react.default.createElement(_.Table, {
      width: "100%"
    }, _react.default.createElement(_.Thead, null, _react.default.createElement(_.Tr, null, _react.default.createElement(_.Th, {
      width: "25%"
    }, "Symbol"), _react.default.createElement(_.Th, {
      width: "40%"
    }, "Name"), _react.default.createElement(_.Th, {
      width: "10%",
      textAlign: "right"
    }, "Development"), _react.default.createElement(_.Th, {
      width: "10%"
    }, "Last"), _react.default.createElement(_.Th, {
      width: "5%"
    }, "Flag"), _react.default.createElement(_.Th, {
      width: "10%"
    }, "Quantity"))), _react.default.createElement(_.Tbody, null, (_tableData2 = tableData) === null || _tableData2 === void 0 ? void 0 : _tableData2.map(function (instrument, index) {
      return _react.default.createElement(_.Tr, {
        key: "".concat(instrument[0], "_").concat(index)
      }, _react.default.createElement(_.Td, null, instrument[1]), _react.default.createElement(_.Td, null, instrument[2]), _react.default.createElement(_.Td, {
        textAlign: "right"
      }, instrument[5], "%"), _react.default.createElement(_.Td, null, instrument[4]), _react.default.createElement(_.Td, null, _react.default.createElement(_.Flag, {
        country: "se",
        size: "m"
      })), _react.default.createElement(_.Td, null, instrument[3]));
    })), _react.default.createElement(_.Tfoot, null, _react.default.createElement(_.Tr, null, _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-")))));
  },
  name: 'Integration: Table with Typography'
};
var IntegrationTableWithTypographyAndEllipsisOnName = exports.IntegrationTableWithTypographyAndEllipsisOnName = {
  render: function render() {
    var _tableData3;
    return _react.default.createElement(_.Typography, {
      type: "secondary"
    }, _react.default.createElement(_.Table, {
      width: "100%"
    }, _react.default.createElement(_.Thead, null, _react.default.createElement(_.Tr, null, _react.default.createElement(_.Th, {
      width: "25%"
    }, "Symbol"), _react.default.createElement(_.Th, {
      width: "40%"
    }, "Name"), _react.default.createElement(_.Th, {
      width: "10%",
      textAlign: "right"
    }, "Development"), _react.default.createElement(_.Th, {
      width: "10%"
    }, "Last"), _react.default.createElement(_.Th, {
      width: "5%"
    }, "Flag"), _react.default.createElement(_.Th, {
      width: "10%"
    }, "Quantity"))), _react.default.createElement(_.Tbody, null, (_tableData3 = tableData) === null || _tableData3 === void 0 ? void 0 : _tableData3.map(function (instrument, index) {
      return _react.default.createElement(_.Tr, {
        key: "".concat(instrument[0], "_").concat(index)
      }, _react.default.createElement(_.Td, null, instrument[1]), _react.default.createElement(_.Td, {
        ellipsis: true
      }, instrument[2]), _react.default.createElement(_.Td, {
        textAlign: "right"
      }, instrument[5], "%"), _react.default.createElement(_.Td, null, instrument[4]), _react.default.createElement(_.Td, null, _react.default.createElement(_.Flag, {
        country: "se",
        size: "m"
      })), _react.default.createElement(_.Td, null, instrument[3]));
    })), _react.default.createElement(_.Tfoot, null, _react.default.createElement(_.Tr, null, _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-")))));
  },
  name: 'Integration: Table with Typography and ellipsis on name'
};
var IntegrationTableStickyHeaderWithTypography = exports.IntegrationTableStickyHeaderWithTypography = {
  render: function render() {
    var _tableData4;
    return _react.default.createElement(_.Typography, {
      type: "secondary"
    }, _react.default.createElement(_.Table, {
      width: "100%"
    }, _react.default.createElement(_.Thead, {
      stickyHeader: true
    }, _react.default.createElement(_.Tr, null, _react.default.createElement(_.Th, {
      width: "25%"
    }, "Symbol"), _react.default.createElement(_.Th, {
      width: "40%"
    }, "Name"), _react.default.createElement(_.Th, {
      width: "10%",
      textAlign: "right"
    }, "Development"), _react.default.createElement(_.Th, {
      width: "10%"
    }, "Last"), _react.default.createElement(_.Th, {
      width: "5%"
    }, "Flag"), _react.default.createElement(_.Th, {
      width: "10%"
    }, "Quantity"))), _react.default.createElement(_.Tbody, null, (_tableData4 = tableData) === null || _tableData4 === void 0 ? void 0 : _tableData4.map(function (instrument, index) {
      return _react.default.createElement(_.Tr, {
        key: "".concat(instrument[0], "_").concat(index)
      }, _react.default.createElement(_.Td, null, instrument[1]), _react.default.createElement(_.Td, null, instrument[2]), _react.default.createElement(_.Td, {
        textAlign: "right"
      }, instrument[5], "%"), _react.default.createElement(_.Td, null, instrument[4]), _react.default.createElement(_.Td, null, _react.default.createElement(_.Flag, {
        country: "SE",
        size: "s"
      })), _react.default.createElement(_.Td, null, instrument[3]));
    })), _react.default.createElement(_.Tfoot, null, _react.default.createElement(_.Tr, null, _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-"), _react.default.createElement(_.Td, null, "-")))));
  },
  name: 'Integration: Table (stickyHeader) with Typography'
};