"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithoutHoverHighlight = exports.WithHiddenSeparator = exports.WithColoredSeparators = exports.DefaultRows = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../../..");
var _FlexTable = _interopRequireDefault(require("../FlexTable.mdx"));
var _storiesShared = require("./storiesShared");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / FlexTable / With Different Rows',
  parameters: {
    component: _.FlexTable,
    docs: {
      page: _FlexTable.default
    }
  }
};
var DefaultRows = exports.DefaultRows = function DefaultRows() {
  return _react.default.createElement(_storiesShared.StyledBackground, null, _react.default.createElement(_.FlexTable, null, _react.default.createElement(_.FlexTable.HeaderRow, null, _react.default.createElement(_.FlexTable.Header, {
    columnId: "column1"
  }, "Header 1"), _react.default.createElement(_.FlexTable.Header, {
    columnId: "column2"
  }, "Header 2"), _react.default.createElement(_.FlexTable.Header, {
    columnId: "column3"
  }, "Header 3")), _react.default.createElement(_.FlexTable.Row, null, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Default"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Default"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Default")), _react.default.createElement(_.FlexTable.Row, null, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Default"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Default"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Default")), _react.default.createElement(_.FlexTable.Row, null, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Default"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Default"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Default"))));
};
var WithColoredSeparators = exports.WithColoredSeparators = function WithColoredSeparators() {
  return _react.default.createElement(_storiesShared.StyledBackground, null, _react.default.createElement(_.FlexTable, null, _react.default.createElement(_.FlexTable.HeaderRow, null, _react.default.createElement(_.FlexTable.Header, {
    columnId: "column1"
  }, "Header 1"), _react.default.createElement(_.FlexTable.Header, {
    columnId: "column2"
  }, "Header 2"), _react.default.createElement(_.FlexTable.Header, {
    columnId: "column3"
  }, "Header 3")), _react.default.createElement(_.FlexTable.Row, {
    separatorColor: function separatorColor(t) {
      return t.color.menuAccent1;
    }
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Separator color set"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Separator color set"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Separator color set")), _react.default.createElement(_.FlexTable.Row, {
    separatorColor: function separatorColor(t) {
      return t.color.menuAccent2;
    }
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Separator color set"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Separator color set"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Separator color set")), _react.default.createElement(_.FlexTable.Row, {
    separatorColor: function separatorColor(t) {
      return t.color.menuAccent3;
    }
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Separator color set"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Separator color set"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Separator color set"))));
};
var WithoutHoverHighlight = exports.WithoutHoverHighlight = function WithoutHoverHighlight() {
  return _react.default.createElement(_storiesShared.StyledBackground, null, _react.default.createElement(_.FlexTable, null, _react.default.createElement(_.FlexTable.HeaderRow, null, _react.default.createElement(_.FlexTable.Header, {
    columnId: "column1"
  }, "Header 1"), _react.default.createElement(_.FlexTable.Header, {
    columnId: "column2"
  }, "Header 2"), _react.default.createElement(_.FlexTable.Header, {
    columnId: "column3"
  }, "Header 3")), _react.default.createElement(_.FlexTable.Row, {
    hoverHighlight: false
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "No hover highlight"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "No hover highlight"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "No hover highlight")), _react.default.createElement(_.FlexTable.Row, {
    hoverHighlight: false
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "No hover highlight"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "No hover highlight"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "No hover highlight")), _react.default.createElement(_.FlexTable.Row, {
    hoverHighlight: false
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "No hover highlight"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "No hover highlight"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "No hover highlight"))));
};
var WithHiddenSeparator = exports.WithHiddenSeparator = function WithHiddenSeparator() {
  return _react.default.createElement(_storiesShared.StyledBackground, null, _react.default.createElement(_.FlexTable, null, _react.default.createElement(_.FlexTable.HeaderRow, null, _react.default.createElement(_.FlexTable.Header, {
    columnId: "column1"
  }, "Header 1"), _react.default.createElement(_.FlexTable.Header, {
    columnId: "column2"
  }, "Header 2"), _react.default.createElement(_.FlexTable.Header, {
    columnId: "column3"
  }, "Header 3")), _react.default.createElement(_.FlexTable.Row, {
    hideSeparator: true
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Separator hidden"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Separator hidden"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Separator hidden")), _react.default.createElement(_.FlexTable.Row, {
    hideSeparator: true
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Separator hidden"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Separator hidden"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Separator hidden")), _react.default.createElement(_.FlexTable.Row, {
    hideSeparator: true
  }, _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column1"
  }, "Separator hidden"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column2"
  }, "Separator hidden"), _react.default.createElement(_.FlexTable.Cell, {
    columnId: "column3"
  }, "Separator hidden"))));
};