"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CellTime = exports.Row = exports.TableHeader = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _styles = require("@vincent_za/styles");

var _ = require("./");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  color: ", ";\n  font-size: ", ";\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n      display: table-row;\n      padding: 0;\n\n      &:active {\n        background-color: inherit;\n        box-shadow: none;\n      }\n    "]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  display: ", ";\n  position: relative;\n  border-bottom: ", ";\n\n  &:last-child {\n    border-bottom-color: transparent; /* not 0 so that a cell (input) can still have bottom shadow that is aligned  */\n  };\n\n  ", "\n\n  ", ";\n\n  ", ";\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n  font-size: ", ";\n  text-transform: uppercase;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var TableHeader = _styledComponents.default.p(_templateObject(), _styles.REM_UNIT_MD, _styles.REM_FONT_SIZE_LG);

exports.TableHeader = TableHeader;

var Row = _styledComponents.default.tr(_templateObject2(), function (props) {
  return props.isHidden ? 'none' : 'table-row';
}, function (props) {
  return props.isMinimal ? 0 : "1px solid ".concat(_styles.JET);
}, function (props) {
  return props.isHeader && "\n    border-bottom: 0;\n    text-transform: uppercase;\n    background-color: ".concat(_styles.JET, ";\n    color: ").concat(_styles.SONIC_SILVER, ";\n    user-events: none;\n  ");
}, function (props) {
  return props.isResponsive && "\n    display: ".concat(props.isHeader ? 'none' : 'flex', ";\n    flex-direction: column;\n    padding: ").concat(_styles.REM_UNIT_MD, " 0;\n\n    &:active {\n      background-color: ").concat(_styles.JET, ";\n    }\n\n    ").concat(_styles.mediaStyle.sm(_templateObject3()), ";\n  ");
}, function (props) {
  return !props.isNoHeader && props.isMinimal && "\n    &:nth-child(2) {\n      .".concat(_.CN_CELL, " {\n        padding-top: ").concat(_styles.REM_UNIT_MD, ";\n      };\n    };\n  ");
});

exports.Row = Row;

var CellTime = _styledComponents.default.span(_templateObject4(), _styles.REM_UNIT_XSM, _styles.SONIC_SILVER, _styles.REM_FONT_SIZE__SM);

exports.CellTime = CellTime;