import {
  RadioButtonCard
} from "./chunk-LEA3N4OQ.js";
import {
  Typo
} from "./chunk-52MVZ6AN.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  __spreadProps,
  __spreadValues
} from "./chunk-N552FDTV.js";

// src/app/platform/on-offline-radio-card.tsx
import { BackpackIcon, GlobeIcon } from "@radix-ui/react-icons";
import { jsx, jsxs } from "react/jsx-runtime";
var SERVICE_TYPE = {
  onlineCoaching: "onlineCoaching",
  offlineCoaching: "offlineCoaching"
};
var breakpoint = "sm";
function HideSmallBox(props) {
  return /* @__PURE__ */ jsx(Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
}
function OnOfflineRadioCard(props) {
  const Wrapper = props.response ? HideSmallBox : (p) => p.children;
  const columns = props.response ? { initial: "2", [breakpoint]: "1" } : "1";
  const justify = props.response ? { initial: "center", [breakpoint]: "between" } : "between";
  return /* @__PURE__ */ jsxs(
    RadioButtonCard.Root,
    __spreadProps(__spreadValues({
      RadioWrapper: Wrapper,
      columns,
      gap: "2",
      justify
    }, props), {
      children: [
        /* @__PURE__ */ jsx(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
          /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(GlobeIcon, {}) }),
          /* @__PURE__ */ jsx(Typo, { children: "\uC628\uB77C\uC778" })
        ] }) }),
        /* @__PURE__ */ jsx(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
          /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(BackpackIcon, {}) }),
          /* @__PURE__ */ jsx(Typo, { children: "\uC624\uD504\uB77C\uC778" })
        ] }) })
      ]
    })
  );
}

export {
  OnOfflineRadioCard
};
//# sourceMappingURL=chunk-DEJVT5GM.js.map