'use strict';

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

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

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.cjs.map
