@sergiodxa/ui/lib/table.js

UI components for my projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require("babel-runtime/helpers/extends");

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

exports.Table = Table;
exports.TH = TH;
exports.TR = TR;
exports.TD = TD;
exports.THead = THead;
exports.TBody = TBody;
exports.TFoot = TFoot;

var _style = require("styled-jsx/style");

var _style2 = _interopRequireDefault(_style);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

/**
 * @function Table
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function Table(_ref) {
  var children = _ref.children,
      props = (0, _objectWithoutProperties3.default)(_ref, ["children"]);

  return _react2.default.createElement(
    "table",
    (0, _extends3.default)({}, props, {
      className: "jsx-3089578577" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "3089578577",
      css: "table.jsx-3089578577{font-size:0.9rem;width:100%;}"
    })
  );
}

/**
 * @function TH
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
/** @module ui/table */
function TH(_ref2) {
  var children = _ref2.children,
      props = (0, _objectWithoutProperties3.default)(_ref2, ["children"]);

  return _react2.default.createElement(
    "th",
    (0, _extends3.default)({}, props, {
      className: "jsx-1060468674" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "1060468674",
      css: "th.jsx-1060468674{padding:5px;color:#9b9b9b;font-style:oblique;font-weight:normal;text-align:left;}"
    })
  );
}

/**
 * @function TR
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function TR(_ref3) {
  var children = _ref3.children,
      props = (0, _objectWithoutProperties3.default)(_ref3, ["children"]);

  return _react2.default.createElement(
    "tr",
    (0, _extends3.default)({}, props, {
      className: "jsx-3585702476" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "3585702476",
      css: "tr.jsx-3585702476{padding:5px;}"
    })
  );
}

/**
 * @function TD
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function TD(_ref4) {
  var children = _ref4.children,
      props = (0, _objectWithoutProperties3.default)(_ref4, ["children"]);

  return _react2.default.createElement(
    "td",
    (0, _extends3.default)({}, props, {
      className: "jsx-2097192797" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "2097192797",
      css: "td.jsx-2097192797{padding:5px;}"
    })
  );
}

/**
 * @function THead
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function THead(_ref5) {
  var children = _ref5.children,
      props = (0, _objectWithoutProperties3.default)(_ref5, ["children"]);

  return _react2.default.createElement(
    "thead",
    (0, _extends3.default)({}, props, {
      className: "jsx-2318790247" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "2318790247",
      css: ""
    })
  );
}

/**
 * @function TBody
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function TBody(_ref6) {
  var children = _ref6.children,
      props = (0, _objectWithoutProperties3.default)(_ref6, ["children"]);

  return _react2.default.createElement(
    "tbody",
    (0, _extends3.default)({}, props, {
      className: "jsx-3245221430" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "3245221430",
      css: ""
    })
  );
}

/**
 * @function TFoot
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function TFoot(_ref7) {
  var children = _ref7.children,
      props = (0, _objectWithoutProperties3.default)(_ref7, ["children"]);

  return _react2.default.createElement(
    "tfoot",
    (0, _extends3.default)({}, props, {
      className: "jsx-3059765511" + " " + (props.className != null && props.className || "")
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: "3059765511",
      css: ""
    })
  );
}