@grafana/ui/dist/cjs/components/Forms/FieldSet.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');
var Legend = require('./Legend.cjs');

"use strict";
const FieldSet = ({ label, children, className, ...rest }) => {
  const styles = ThemeContext.useStyles2(getStyles);
  return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className: css.cx(styles.wrapper, className), ...rest, children: [
    label && /* @__PURE__ */ jsxRuntime.jsx(Legend.Legend, { children: label }),
    children
  ] });
};
const getStyles = (theme) => ({
  wrapper: css.css({
    marginBottom: theme.spacing(4),
    "&:last-child": {
      marginBottom: 0
    }
  })
});

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