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

DNB Eufemia Design System UI Library

import React from 'react';
import clsx from 'clsx';
import Container from "./Container.js";
import withComponentMarkers from "../../shared/helpers/withComponentMarkers.js";
import { jsx as _jsx } from "react/jsx-runtime";
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 _jsx(Container, {
    element: "section",
    className: clsx('dnb-flex-stack', className),
    direction: direction,
    alignSelf: alignSelf,
    align: align,
    gap: gap,
    ...rest,
    children: children
  });
}
withComponentMarkers(Stack, {
  _supportsSpacingProps: true
});
export default Stack;
//# sourceMappingURL=Stack.js.map