welcome-ui/dist/FieldGroup.js

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

"use client";
import { jsxs as c, jsx as a } from "react/jsx-runtime";
import { forwardRef as m } from "react";
import { Label as n } from "./Label.js";
import { c as f } from "./index-PAaZGbyz.js";
const p = "_root_c16dq_2", u = {
  root: p,
  "visually-hidden": "_visually-hidden_c16dq_13"
}, o = f(u), v = m(
  ({ children: s, className: e, hideLabel: r, label: l, required: i, ...t }, d) => /* @__PURE__ */ c("fieldset", { className: o("root", e), ref: d, ...t, children: [
    /* @__PURE__ */ a(n, { as: "legend", className: o(r && "visually-hidden"), required: i, children: l }),
    s
  ] })
);
export {
  v as FieldGroup
};