import { jsx as a } from "@emotion/react/jsx-runtime";
import { useAppBarComercialUtilityClasses as m } from "./classes/index.js";
import { SectionCommercialRoot as l } from "./styles.js";
const u = (e) => {
  const {
    children: t,
    contentWith: o = "boxed",
    paddingX: r = "40px",
    paddingY: s,
    columnReverse: n = !1,
    ...c
  } = e, i = m({
    contentWith: o,
    columnReverse: n
  });
  return /* @__PURE__ */ a(
    l,
    {
      className: i.root,
      paddingY: s,
      ...c,
      ...o === "boxed" ? { paddingX: r } : null,
      children: t
    }
  );
};
export {
  u as SectionCommercial
};
