'use strict';

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

require('../../theme/index.js');
var compact = require('./compact.js');
var genComponentStyleHook = require('../../theme/util/genComponentStyleHook.js');

const genSpaceStyle = (token) => {
  const {
    componentCls
  } = token;
  return {
    [componentCls]: {
      "display": "inline-flex",
      "&-rtl": {
        direction: "rtl"
      },
      "&-vertical": {
        flexDirection: "column"
      },
      "&-align": {
        "flexDirection": "column",
        "&-center": {
          alignItems: "center"
        },
        "&-start": {
          alignItems: "flex-start"
        },
        "&-end": {
          alignItems: "flex-end"
        },
        "&-baseline": {
          alignItems: "baseline"
        }
      },
      [`${componentCls}-space-item`]: {
        "&:empty": {
          display: "none"
        }
      }
    }
  };
};
var useStyle = genComponentStyleHook.default("Space", (token) => [genSpaceStyle(token), compact.default(token)]);

exports.default = useStyle;
//# sourceMappingURL=index.js.map
