import { O as o } from "./index-162fd1aa.mjs";
import { c as n } from "./reactSlick-cb4a2d39.mjs";
import c from "react";
const s = "accountMainSection _accountMainSection_30c17", m = "mainHeader _mainHeader_373eb", d = "mainBody _mainBody_f3e4d", i = {
  accountMainSection: s,
  mainHeader: m,
  mainBody: d
}, u = (a) => {
  const { className: e, children: t } = a;
  return /* @__PURE__ */ c.createElement("main", { className: n(i.accountMainSection, e) }, t);
}, S = ({ children: a, className: e }) => /* @__PURE__ */ c.createElement("div", { className: n(i.mainBody, e) }, a), M = ({ children: a, className: e }) => /* @__PURE__ */ c.createElement("div", { className: n(i.mainHeader, e, o.TITLE_FONT) }, a);
export {
  u as A,
  S as a,
  M as b
};
