"use strict";
var import_Section = require("../Section.css");
const jsxRuntime = require("react/jsx-runtime");
const kit_Theme_UI = require("./Theme/UI.cjs");
require("./Theme/themeUtils.cjs");
require("./Theme/themes.cjs");
const base = "Section_base_cab96";
const header = "Section_header_cab96";
const title = "Section_title_cab96";
const string = "Section_string_cab96";
const body = "Section_body_cab96";
const fullHeight = "Section_fullHeight_cab96";
const titleDivider = "Section_titleDivider_cab96";
const css = {
  base,
  header,
  title,
  string,
  body,
  fullHeight,
  titleDivider
};
const Section = ({
  children,
  fullHeight: fullHeight2 = false,
  titleDivider: titleDivider2 = false,
  title: title2
}) => {
  const {
    themeSettings: { className }
  } = kit_Theme_UI.useTheme();
  const classes = [className, css.base];
  const titleClasses = [css.title];
  if (titleDivider2 && title2)
    classes.push(css.titleDivider);
  if (fullHeight2)
    classes.push(css.fullHeight);
  if (typeof title2 === "string")
    titleClasses.push(css.string);
  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: classes.join(" "), children: [
    !!title2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.header, children: /* @__PURE__ */ jsxRuntime.jsx("h5", { className: titleClasses.join(" "), children: title2 }) }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.body, children })
  ] });
};
module.exports = Section;
