@dnb/eufemia/components/flex/Stack.js

DNB Eufemia Design System UI Library

import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
import React from 'react';
import classnames from 'classnames';
import Container from "./Container.js";
function Stack(props) {
  const {
    className,
    direction = 'vertical',
    alignSelf = 'stretch',
    align = 'stretch',
    gap = props.divider !== 'line' && props.divider !== 'line-framed' ? 'medium' : 'small',
    children,
    ...rest
  } = props;
  return React.createElement(Container, _extends({
    element: "section",
    className: classnames('dnb-flex-stack', className),
    direction: direction,
    alignSelf: alignSelf,
    align: align,
    gap: gap
  }, rest), children);
}
Stack._supportsSpacingProps = true;
export default Stack;
//# sourceMappingURL=Stack.js.map