welcome-ui/dist/Label.js

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

"use client";
import './Label.css';
import { jsxs as n, jsx as e } from "react/jsx-runtime";
import { Icon as r } from "./Icon.js";
import { VariantIcon as d } from "./VariantIcon.js";
import { c as u } from "./index-B6iGEm-i.js";
import { f as _ } from "./forwardRefWithAs-8eP3ZN15.js";
import "react";
const f = "_root_6htjh_2", h = "_required_6htjh_14", p = "_locked_6htjh_18", k = {
  root: f,
  required: h,
  locked: p
}, s = u(k), b = _(
  ({ children: l, className: t, disabled: a, required: c, variant: o, ...m }, i) => /* @__PURE__ */ n("label", { className: s("root", t), ref: i, ...m, children: [
    o ? /* @__PURE__ */ e(d, { size: "sm", variant: o }) : null,
    a ? /* @__PURE__ */ e(r, { className: s("locked"), name: "lock-alt", size: "sm" }) : null,
    l,
    c ? /* @__PURE__ */ e(r, { className: s("required"), name: "asterisk", size: "sm" }) : null
  ] })
);
b.displayName = "Label";
export {
  b as Label,
  k as labelClasses
};