es-grid-template
Version:
es-grid-template
26 lines (25 loc) • 1.45 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.WebsiteBaseTable = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _table = require("../base-table/table");
const DarkSupportBaseTable = (0, _styledComponents.default)(_table.BaseTable).withConfig({
displayName: "DarkSupportBaseTable",
componentId: "es-grid-template__sc-4ltmbz-0"
})(["", ";&.dark{--bgcolor:#343e59;--footer-bgcolor:#2e3342;--header-bgcolor:#343e59;--hover-bgcolor:#232b43;--header-hover-bgcolor:#606164;--highlight-bgcolor:#eff2f5;--header-highlight-bgcolor:#191a1b;--color:#dadde1;--header-color:#dadde1;--lock-shadow:rgb(37 37 37 / 0.5) 0 0 6px 2px;--border-color:#5d5f61;}"], props => props.css);
const WebsiteBaseTable = exports.WebsiteBaseTable = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
const isDarkTheme = props.theme?.theme === 'dark';
return /*#__PURE__*/_react.default.createElement(DarkSupportBaseTable, (0, _extends2.default)({
ref: ref,
theme: props.theme,
className: (0, _classnames.default)({
dark: isDarkTheme
}, props.className)
}, props));
});