"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Main = exports.Side = void 0;

var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

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

var _Partial = _interopRequireDefault(require("./Partial"));

var _utils = require("./utils");

function _templateObject3() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  padding-bottom: 40px;\n  width: 100%;\n  /* https://stackoverflow.com/a/43809765 */\n  /* \u8BA9\u5185\u5BB9\u5BBD\u5EA6\u6070\u597D\u7B49\u4E8E\u53BB\u6389Side\u4EE5\u540E\u7684\u5269\u4F59\u5BBD\u5EA6 */\n  min-width: 0;\n  /* \u5141\u8BB8\u4E00\u4E9Bbox-shadow\u6EA2\u51FA */\n  overflow: visible;\n"]);

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

  return data;
}

function _templateObject2() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  position: relative;\n  min-width: 180px;\n  padding-right: 20px;\n"]);

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

  return data;
}

function _templateObject() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  flex-grow: 1;\n  margin-bottom: 0;\n"]);

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

  return data;
}

var Content = (0, _styledComponents.default)(_Partial.default)(_templateObject(), (0, _utils.flexContainer)());

var Side = _styledComponents.default.div(_templateObject2(), (0, _utils.flexItem)({
  flexShrink: 0
}));

exports.Side = Side;

var Main = _styledComponents.default.div(_templateObject3(), (0, _utils.flexItem)({
  flexGrow: 1
}));

exports.Main = Main;
var _default = Content;
exports.default = _default;