@grafana/ui/dist/cjs/components/Forms/InlineFieldRow.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 InlineFieldRow = ({ children, className, ...htmlProps }) => {
  const styles = ThemeContext.useStyles2(getStyles);
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.cx(styles.container, className), ...htmlProps, children });
};
const getStyles = (theme) => {
  return {
    container: css.css({
      label: "InlineFieldRow",
      display: "flex",
      flexDirection: "row",
      flexWrap: "wrap",
      alignContent: "flex-start",
      rowGap: theme.spacing(0.5)
    })
  };
};

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