;
{
  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] = "d3d560fc-1879-4a5c-bbdf-08bb2d8c3fef", e._sentryDebugIdIdentifier = "sentry-dbid-d3d560fc-1879-4a5c-bbdf-08bb2d8c3fef");
  } catch (e) {
  }
}
;
import { jsx } from "preact/jsx-runtime";
import cx from "classnames";
const tag = "adyen-kyc-tag";
const tagGrey = "adyen-kyc-tag-grey";
const tagBlue = "adyen-kyc-tag-blue";
const tagOrange = "adyen-kyc-tag-orange";
const tagRed = "adyen-kyc-tag-red";
const tagTeal = "adyen-kyc-tag-teal";
const tagGreen = "adyen-kyc-tag-green";
const styles = {
  tag,
  tagGrey,
  tagBlue,
  tagOrange,
  tagRed,
  tagTeal,
  tagGreen
};
const variantMap = {
  grey: styles.tagGrey,
  teal: styles.tagTeal,
  red: styles.tagRed,
  green: styles.tagGreen,
  orange: styles.tagOrange,
  blue: styles.tagBlue
};
const Tag = ({ className, variant = "blue", children }) => {
  return /* @__PURE__ */ jsx("span", { className: cx(styles.tag, variantMap[variant], className), children });
};
export {
  Tag as T
};
