import { jsxs as r, jsx as e } from "react/jsx-runtime";
import a from "../../../../../pageComponents/HomepageHero/components/MiddleCarousel/cards/facetime.module.css";
import { Typography as i } from "../../../../../components/Typography/Typography.es.js";
const c = () => /* @__PURE__ */ r("div", { className: a.facetimeCard, children: [
  /* @__PURE__ */ r("div", { className: a.topContainer, children: [
    /* @__PURE__ */ e(i, { defaultVariant: "labelXs", emphasis: !0, className: a.textContainer, children: "EXPERT COACHING" }),
    /* @__PURE__ */ e("div", { className: a.facetimePic })
  ] }),
  /* @__PURE__ */ e("div", { className: a.bottomContainer, children: /* @__PURE__ */ e("div", { className: a.callFrame }) })
] });
export {
  c as FacetimeCard
};
