import { defineComponent as u, useCssModule as d, computed as s, openBlock as _, createBlock as f, resolveDynamicComponent as m, mergeProps as p, unref as h, withCtx as x, createElementVNode as e, createVNode as o, toDisplayString as r } from "vue";
import n from "./Icon.js";
import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const k = { class: "flex items-center gap-3" }, v = { class: "flex items-center justify-center rounded bg-blue-100 p-3" }, g = { class: "flex-1" }, y = { class: "text-blue-500" }, C = { class: "text-xs font-normal text-ice-700 lg:mb-0" }, w = /* @__PURE__ */ u({
  __name: "QuickAction",
  props: {
    title: {},
    subtitle: {},
    to: {},
    href: {},
    icon: {}
  },
  setup(c) {
    const t = c, i = d(), l = s(() => t.to ? "router-link" : t.href ? "a" : "div"), a = s(() => t.to ? {
      to: t.to
    } : t.href ? {
      href: t.href
    } : {});
    return (B, D) => (_(), f(m(l.value), p(a.value, {
      class: ["stash-quick-action rounded p-3 shadow", h(i).root],
      "data-test": "stash-quick-action"
    }), {
      default: x(() => [
        e("div", k, [
          e("div", v, [
            o(n, {
              name: t.icon,
              class: "text-blue-500"
            }, null, 8, ["name"])
          ]),
          e("div", g, [
            e("h4", y, r(t.title), 1),
            e("p", C, r(t.subtitle), 1)
          ]),
          o(n, {
            name: "arrow-right",
            class: "text-blue-500"
          })
        ])
      ]),
      _: 1
    }, 16, ["class"]));
  }
}), A = "_root_saYtE", M = {
  root: A
}, q = {
  $style: M
}, V = /* @__PURE__ */ b(w, [["__cssModules", q]]);
export {
  V as default
};
//# sourceMappingURL=QuickAction.js.map
