import { jsxs as D, jsx as C } from "react/jsx-runtime";
import { ComponentContainer as w } from "./index-ComponentContainer.js";
import "react";
import c from "./index-PhoneNumber.module.scss.js";
import { PhoneNumberBase as F } from "./index-PhoneNumberBase.js";
import { PhoneNumberPrefix as U } from "./index-PhoneNumberPrefix.js";
const G = (a) => {
  const {
    phoneNumberBase: y,
    countryCode: d,
    phoneNumberDisabled: i,
    prefixNumberDisabled: m,
    phoneNumberPlaceholder: r,
    formConfig: K,
    id: g,
    phoneNumberBaseInputEvents: o,
    phoneNumberPrefixInputEvents: l
  } = a;
  return D(w, {
    className: c.phoneNumberComponent,
    testId: "phoneNumberComponent",
    children: [C(U, {
      label: "",
      className: c.phoneNumberPrefix,
      countryCode: d,
      disabled: m,
      onChange: l == null ? void 0 : l.onChange,
      onBlur: l == null ? void 0 : l.onBlur,
      onFocus: l == null ? void 0 : l.onFocus,
      onInput: l == null ? void 0 : l.onInput,
      onKeyDown: l == null ? void 0 : l.onKeyDown,
      onKeyUp: l == null ? void 0 : l.onKeyUp
    }), C(F, {
      label: "",
      id: g,
      formConfig: K,
      countryCode: d,
      value: y,
      className: c.phoneNumberBase,
      disabled: i,
      placeholder: r,
      onChange: o == null ? void 0 : o.onChange,
      onBlur: o == null ? void 0 : o.onBlur,
      onFocus: o == null ? void 0 : o.onFocus,
      onInput: o == null ? void 0 : o.onInput,
      onKeyDown: o == null ? void 0 : o.onKeyDown,
      onKeyUp: o == null ? void 0 : o.onKeyUp
    })]
  });
};
export {
  G as PhoneNumber
};
