import { O as OverrideCSS } from "./index.js";
import { c as classNames } from "./reactSlick.js";
import React__default from "react";
const accountMainSection = "accountMainSection _accountMainSection_31fe2";
const mainHeader = "mainHeader _mainHeader_fdd0a";
const mainBody = "mainBody _mainBody_01a41";
var styles = {
  accountMainSection,
  mainHeader,
  mainBody
};
const AccountMainSection = (props) => {
  const { className, children } = props;
  return /* @__PURE__ */ React__default.createElement("main", {
    className: classNames(styles.accountMainSection, className)
  }, children);
};
const AccountMainSectionBody = ({ children, className }) => /* @__PURE__ */ React__default.createElement("div", {
  className: classNames(styles.mainBody, className)
}, children);
const AccountMainSectionHeader = ({ children, className }) => /* @__PURE__ */ React__default.createElement("div", {
  className: classNames(styles.mainHeader, className, OverrideCSS.TITLE_FONT)
}, children);
export { AccountMainSection as A, AccountMainSectionBody as a, AccountMainSectionHeader as b };
