welcome-ui/dist/Hint.mjs

Customizable design system with react • styled-components • styled-system and ariakit.

"use client";
import { j as m } from "./jsx-runtime-Bqq1Hxg9.mjs";
import { forwardRef as d } from "./System.mjs";
import a, { th as s, css as l } from "@xstyled/styled-components";
const i = a.divBox(
  ({ variant: t }) => l`
    ${s("hints.default")};
    ${t && s(`hints.${t}`)};
    margin-top: xs;
    display: flex;
    align-items: center;
  `
), p = d(
  ({ children: t, dataTestId: e, variant: n, ...o }, r) => /* @__PURE__ */ m.jsx(i, { "data-testid": e, ref: r, variant: n, ...o, children: t })
);
p.displayName = "Hint";
const u = i;
export {
  p as Hint,
  u as StyledHint
};