xtreme-ui/dist/components/base/ActionCard/ActionCard.js

Collection of reusable components that can be used in web projects

"use client";
import { jsx as l } from "react/jsx-runtime";
import m from "clsx";
import { forwardRef as p } from "react";
import './actionCard.css';/* empty css                */
import { EActionCardSize as t } from "./types.js";
const f = p((i, a) => {
  const { className: e, children: c, style: s = {}, size: r = "default", onClick: d } = i, o = Array.isArray(r) ? r : [t[r], t[r]], n = m("xtrActionCard", "shadowRipple", `${r}Size`, e);
  return /* @__PURE__ */ l(
    "footer",
    {
      ref: a,
      className: n,
      style: {
        "--cardWidth": `${o[0]}px`,
        "--cardHeight": `${o[1]}px`,
        ...s
      },
      onClick: d,
      children: c
    }
  );
});
f.displayName = "ActionCard";
export {
  f as ActionCard
};