welcome-ui/dist/FloatingActionBar.js

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

"use client";
import './FloatingActionBar.css';
import { jsx as a } from "react/jsx-runtime";
import { c as e } from "./index-B6iGEm-i.js";
import { f as l } from "./forwardRefWithAs-8eP3ZN15.js";
import "react";
const f = "_container_1la8g_2", m = {
  container: f,
  "floating-action-bar": "_floating-action-bar_1la8g_10"
}, t = e(m), b = l(
  ({ as: o = "div", children: n, className: i, dataTestId: r, ...s }, c) => /* @__PURE__ */ a(
    o,
    {
      className: t("floating-action-bar", i),
      "data-testid": r,
      role: "toolbar",
      ...s,
      ref: c,
      children: /* @__PURE__ */ a("div", { className: t("container"), children: n })
    }
  )
);
export {
  b as FloatingActionBar,
  m as floatingActionBarClasses
};