welcome-ui/dist/CloseButton.js

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

"use client";
import { jsx as o } from "react/jsx-runtime";
import { forwardRef as a } from "react";
import { Button as n } from "./Button.js";
import "./Icon-BisRi8B3.js";
import { C as c } from "./index-BJLXLdM3.js";
import { c as m } from "./index-PAaZGbyz.js";
const i = "_root_rhe1o_2", l = "_fade_rhe1o_1", f = {
  root: i,
  "animate-presence": "_animate-presence_rhe1o_6",
  fade: l
}, p = m(f), B = a(
  ({ animatePresence: e = !1, className: r, ...t }, s) => /* @__PURE__ */ o(
    n,
    {
      "aria-label": "Close",
      className: p("root", e && "animate-presence", r),
      ref: s,
      shape: "circle",
      size: "sm",
      variant: "ghost",
      ...t,
      children: /* @__PURE__ */ o(c, { size: "lg" })
    }
  )
);
export {
  B as CloseButton
};