welcome-ui/dist/CloseButton.js

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

"use client";
import './CloseButton.css';
import { jsx as e } from "react/jsx-runtime";
import { forwardRef as r } from "react";
import { Button as n } from "./Button.js";
import { Icon as l } from "./Icon.js";
import { c as m } from "./index-B6iGEm-i.js";
const c = "_root_6fylp_2", i = "_fade_6fylp_1", f = {
  root: c,
  "animate-presence": "_animate-presence_6fylp_6",
  fade: i
}, p = m(f), _ = r(
  ({ animatePresence: o = !1, className: t, ...s }, a) => /* @__PURE__ */ e(
    n,
    {
      "aria-label": "Close",
      className: p("root", o && "animate-presence", t),
      ref: a,
      size: "sm",
      variant: "tertiary",
      ...s,
      children: /* @__PURE__ */ e(l, { name: "times", size: "lg" })
    }
  )
);
_.displayName = "CloseButton";
export {
  _ as CloseButton,
  f as closeButtonClasses
};