@grafana/ui/dist/cjs/components/Button/FullWidthButtonContainer.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 FullWidthButtonContainer = ({ className, children }) => {
  const styles = ThemeContext.useStyles2(getStyles);
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.cx(styles, className), children });
};
const getStyles = () => css.css({
  display: "flex",
  button: {
    flexGrow: 1,
    justifyContent: "center"
  },
  "> *": {
    flexGrow: 1
  },
  label: {
    flexGrow: 1,
    textAlign: "center"
  }
});

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