welcome-ui/dist/Hint.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import './Hint.css';
import { jsx as n } from "react/jsx-runtime";
import { forwardRef as e } from "react";
import { Text as i } from "./Text.js";
import { c } from "./index-B6iGEm-i.js";
const m = "_root_1aey7_2", _ = {
  root: m,
  "variant-danger": "_variant-danger_1aey7_7",
  "variant-success": "_variant-success_1aey7_10",
  "variant-warning": "_variant-warning_1aey7_13"
}, l = c(_), d = e(
  ({ children: r, className: t, variant: a, ...s }, o) => /* @__PURE__ */ n(
    i,
    {
      as: "span",
      className: l("root", a && `variant-${a}`, t),
      ref: o,
      role: a === "danger" ? "alert" : void 0,
      variant: "body-sm",
      ...s,
      children: r
    }
  )
);
d.displayName = "Hint";
export {
  d as Hint,
  _ as hintClasses
};