import f from "./index-objectWithoutPropertiesLoose.js";
import a from "./index-extends.js";
import * as u from "react";
import o from "./index-_virtual16.js";
import { clsx as b } from "./index-clsx.js";
import g from "./index-styled.js";
import { getToolbarUtilityClass as v } from "./index-toolbarClasses.js";
import { jsx as T } from "react/jsx-runtime";
import { useDefaultProps as y } from "./index-DefaultPropsProvider.js";
import x from "./index-composeClasses.js";
const R = ["className", "component", "disableGutters", "variant"], G = (t) => {
  const {
    classes: s,
    disableGutters: e,
    variant: r
  } = t;
  return x({
    root: ["root", !e && "gutters", r]
  }, v, s);
}, N = g("div", {
  name: "MuiToolbar",
  slot: "Root",
  overridesResolver: (t, s) => {
    const {
      ownerState: e
    } = t;
    return [s.root, !e.disableGutters && s.gutters, s[e.variant]];
  }
})(({
  theme: t,
  ownerState: s
}) => a({
  position: "relative",
  display: "flex",
  alignItems: "center"
}, !s.disableGutters && {
  paddingLeft: t.spacing(2),
  paddingRight: t.spacing(2),
  [t.breakpoints.up("sm")]: {
    paddingLeft: t.spacing(3),
    paddingRight: t.spacing(3)
  }
}, s.variant === "dense" && {
  minHeight: 48
}), ({
  theme: t,
  ownerState: s
}) => s.variant === "regular" && t.mixins.toolbar), O = /* @__PURE__ */ u.forwardRef(function(s, e) {
  const r = y({
    props: s,
    name: "MuiToolbar"
  }), {
    className: n,
    component: i = "div",
    disableGutters: p = !1,
    variant: c = "regular"
  } = r, m = f(r, R), l = a({}, r, {
    component: i,
    disableGutters: p,
    variant: c
  }), d = G(l);
  return /* @__PURE__ */ T(N, a({
    as: i,
    className: b(d.root, n),
    ref: e,
    ownerState: l
  }, m));
});
process.env.NODE_ENV !== "production" && (O.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: o.elementType,
  /**
   * If `true`, disables gutter padding.
   * @default false
   */
  disableGutters: o.bool,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
  /**
   * The variant to use.
   * @default 'regular'
   */
  variant: o.oneOfType([o.oneOf(["dense", "regular"]), o.string])
});
export {
  O as default
};
