import { o as e } from "./rolldown-runtime-gEudmnaM.js";
import { n as t } from "./useIntl-CQ7P5Olk.js";
import "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
import i from "styled-components";
//#region src/lib/components/editor-wrap/index.less
var a = /* @__PURE__ */ e(t(), 1), o = i.div`
  height: ${(e) => e.$height ? `${e.$height}px` : "auto"};
  display: flex;
  padding-block: 0;
  justify-content: space-between;
  align-items: center;
`, s = i.div`
  border-radius: var(--border-radius-mini);
  overflow: hidden;

  &.bordered {
    border: 1px solid var(--ant-color-border);
  }
  &.borderless {
    border: none;
  }
  .code-pre {
    margin-bottom: 0;
  }
  .scrollbar {
    .slider {
      border-radius: 6px;
    }
  }
`, c = ({ headerHeight: e = 40, header: t, children: i, variant: c = "borderless", styles: l = {} }) => /* @__PURE__ */ r(s, {
	style: { ...l.wrapper },
	className: (0, a.default)({
		bordered: c === "bordered",
		borderless: c === "borderless"
	}),
	children: [t && /* @__PURE__ */ n(o, {
		$height: e,
		children: t
	}), /* @__PURE__ */ n("div", { children: i })]
});
//#endregion
export { c as t };
