@netdata/netdata-ui/dist/components/templates/flex/flex.js

netdata UI kit

"use strict";

exports.__esModule = true;
exports.sx = exports["default"] = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _alignSelf = _interopRequireDefault(require("../../../mixins/alignSelf"));
var _margin = _interopRequireDefault(require("../../../mixins/margin"));
var _padding = _interopRequireDefault(require("../../../mixins/padding"));
var _round = _interopRequireDefault(require("../../../mixins/round"));
var _opacity = _interopRequireDefault(require("../../../mixins/opacity"));
var _position = _interopRequireDefault(require("../../../mixins/position"));
var _zIndex = _interopRequireDefault(require("../../../mixins/zIndex"));
var _cursor = _interopRequireDefault(require("../../../mixins/cursor"));
var _height = _interopRequireDefault(require("../mixins/height"));
var _width = _interopRequireDefault(require("../mixins/width"));
var _overflow = _interopRequireDefault(require("../mixins/overflow"));
var _background = _interopRequireDefault(require("../mixins/background"));
var _flex = _interopRequireDefault(require("../mixins/flex"));
var _wrap = _interopRequireDefault(require("../mixins/wrap"));
var _alignItems = _interopRequireDefault(require("../mixins/alignItems"));
var _alignContent = _interopRequireDefault(require("../mixins/alignContent"));
var _justifyContent = _interopRequireDefault(require("../mixins/justifyContent"));
var _gap = _interopRequireDefault(require("../mixins/gap"));
var _direction = _interopRequireDefault(require("../mixins/direction"));
var _border = _interopRequireDefault(require("../mixins/border"));
var _pseudos = _interopRequireDefault(require("../mixins/pseudos"));
var _typography = require("../../typography/typography");
var _styledSystem = require("styled-system");
var _css = _interopRequireDefault(require("@styled-system/css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var sx = exports.sx = function sx(props) {
  return (0, _css["default"])(props.sx)(props);
};
var Flex = function Flex(Component) {
  return (0, _styledComponents["default"])(Component).withConfig({
    displayName: "flex",
    componentId: "sc-1gtk8kg-0"
  })(["display:flex;", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _flex["default"], _direction["default"], _wrap["default"], _alignItems["default"], _alignContent["default"], _justifyContent["default"], _alignSelf["default"], _position["default"], _margin["default"], _padding["default"], _gap["default"], _width["default"], _height["default"], _typography.fontColor, _background["default"], _opacity["default"], _border["default"], _round["default"], _overflow["default"], _zIndex["default"], _cursor["default"], _pseudos["default"], _styledSystem.position, sx);
};
var _default = exports["default"] = Flex;