welcome-ui/dist/Label.js

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

"use client";
import { jsxs as n, jsx as r } from "react/jsx-runtime";
import "./Icon-BisRi8B3.js";
import { L as a } from "./index-BG2aV9o8.js";
import { VariantIcon as p } from "./VariantIcon.js";
import { c as u } from "./index-PAaZGbyz.js";
import { f } from "./forwardRefWithAs-8eP3ZN15.js";
import "react";
const d = "_root_pgmty_2", _ = "_required_pgmty_14", q = {
  root: d,
  required: _
}, s = u(q), j = f(
  ({ children: e, className: t, disabled: m, required: l, variant: o, ...i }, c) => /* @__PURE__ */ n("label", { className: s("root", t), ref: c, ...i, children: [
    o ? /* @__PURE__ */ r(p, { size: "sm", variant: o }) : null,
    m ? /* @__PURE__ */ r(a, { size: "sm" }) : null,
    e,
    l ? /* @__PURE__ */ r("span", { className: s("required"), children: "*" }) : null
  ] })
);
export {
  j as Label
};