;
{
  try {
    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "982492e0-b2a7-4141-82ba-c79e74587917", e._sentryDebugIdIdentifier = "sentry-dbid-982492e0-b2a7-4141-82ba-c79e74587917");
  } catch (e) {
  }
}
;
import { jsx } from "preact/jsx-runtime";
import cx from "classnames";
const InputGroup = ({
  id,
  isFocused,
  isInvalid = false,
  className,
  children
}) => {
  const classNames = cx(
    "adyen-kyc-input-group",
    {
      "adyen-kyc-input-group--invalid": isInvalid,
      "adyen-kyc-input-group--valid": !isInvalid,
      "adyen-kyc-input-group--focused": isFocused
    },
    className
  );
  return /* @__PURE__ */ jsx("div", { id, "data-testid": id, className: classNames, children });
};
export {
  InputGroup as I
};
