@spark-web/inline/dist/spark-web-inline.esm.js

--- title: Inline storybookPath: page-layout-inline--default isExperimentalPackage: false ---

import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
import { Box } from '@spark-web/box';
import { forwardRefWithAs } from '@spark-web/utils/ts';
import { createResponsiveMapFn } from '@spark-web/theme';
import { jsx } from 'react/jsx-runtime';

var alignLookup = {
  left: 'start',
  center: 'center',
  right: 'end'
};
var alignYLookup = {
  top: 'start',
  center: 'center',
  bottom: 'end'
};
var alignToJustifyContent = createResponsiveMapFn(alignLookup);
var alignYToAlignItems = createResponsiveMapFn(alignYLookup);

var _excluded = ["align", "alignY", "data"];
var Inline = forwardRefWithAs(function (_ref, forwardedRef) {
  var _ref$align = _ref.align,
      align = _ref$align === void 0 ? 'left' : _ref$align,
      _ref$alignY = _ref.alignY,
      alignY = _ref$alignY === void 0 ? 'top' : _ref$alignY,
      data = _ref.data,
      boxProps = _objectWithoutProperties(_ref, _excluded);

  var justifyContent = alignToJustifyContent(align);
  var alignItems = alignYToAlignItems(alignY);
  return /*#__PURE__*/jsx(Box, _objectSpread({
    ref: forwardedRef,
    data: data // styles
    ,
    alignItems: alignItems,
    display: "flex",
    justifyContent: justifyContent,
    flexWrap: "wrap",
    minWidth: 0 // fix flex overflow bug that prevents text truncation

  }, boxProps));
});

export { Inline };