@grafana/ui/dist/cjs/components/Forms/InlineSegmentGroup.cjs

Grafana Components Library

'use strict';

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

var jsxRuntime = require('react/jsx-runtime');
var css = require('@emotion/css');
var ThemeContext = require('../../themes/ThemeContext.cjs');

"use strict";
const InlineSegmentGroup = ({ children, className, grow, ...htmlProps }) => {
  const styles = ThemeContext.useStyles2(getStyles, grow);
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.cx(styles.container, className), ...htmlProps, children });
};
InlineSegmentGroup.displayName = "InlineSegmentGroup";
const getStyles = (theme, grow) => {
  return {
    container: css.css({
      display: "flex",
      flexDirection: "row",
      alignItems: "flex-start",
      textAlign: "left",
      position: "relative",
      flex: `${grow ? 1 : 0} 0 auto`,
      marginBottom: theme.spacing(0.5)
    })
  };
};

exports.InlineSegmentGroup = InlineSegmentGroup;
//# sourceMappingURL=InlineSegmentGroup.cjs.map