import {
  OnOfflineRadioCard
} from "./chunk-KV3G4BK4.js";
import {
  Dialog
} from "./chunk-QNNUGPLD.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Typo
} from "./chunk-PARGQUJB.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  Button
} from "./chunk-AFPH32MF.js";

// src/app/platform/edit-service-type.tsx
import { useCallback, useState } from "react";
import { jsx, jsxs } from "react/jsx-runtime";
function EditServiceType(props) {
  const { defaultServiceType, onClickCancel } = props;
  const [sessionType, setSessionType] = useState(
    defaultServiceType
  );
  const onClickSave = useCallback(() => {
    var _a;
    (_a = props.onClickSave) == null ? void 0 : _a.call(props, sessionType);
  }, [props, sessionType]);
  return /* @__PURE__ */ jsxs(Box, { children: [
    /* @__PURE__ */ jsx(
      Typo,
      {
        as: "p",
        color: "gray",
        mb: { initial: "5", xs: "3" },
        variant: "caption",
        children: "\uC138\uC158 \uC720\uD615\uC5D0 \uB530\uB77C \uCC45\uC815\uB418\uB294 \uCF54\uCE6D \uAE08\uC561\uC774 \uB2EC\uB77C\uC9C0\uBBC0\uB85C, \uC815\uD655\uD558\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694"
      }
    ),
    /* @__PURE__ */ jsx(OnOfflineRadioCard, { onValueChange: setSessionType, value: sessionType }),
    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: { initial: "6", xs: "3" }, children: [
      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", onClick: onClickCancel, variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, children: "\uC800\uC7A5\uD558\uAE30" }) })
    ] })
  ] });
}

export {
  EditServiceType
};
//# sourceMappingURL=chunk-AE55FPDR.js.map