https://app.flowspark.co/build/assets/BaseButton-BF1tDvcc.js

1import { t as n } from "./functions-DNMBuN0o.js";
2import { o as l, c as i, H as p, C as d, u, g as r } from "./app-BQglH-tG.js";
3const c = ["type"], b = { __name: "BaseButton", props: { primary: { type: Boolean, default: false }, secondary: { type: Boolean, default: false }, optional: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, type: { type: String, default: "button" }, class: { type: String, default: "" } }, setup(e) {
4  const t = e, a = r(() => t.secondary ? ["bg-white", "hover:bg-gray-50", "border-gray-300", "text-gray-700"].join(" ") : t.optional ? ["bg-primary-100", "hover:bg-primary-200", "border-primary-300", "text-primary-700"].join(" ") : ["bg-primary-600", "hover:bg-primary-700", "border-transparent", "text-white"].join(" ")), o = r(() => t.class);
5  return (s, m) => (l(), i("button", { type: e.type, class: d(u(n)([a.value, { "cursor-not-allowed opacity-50": e.disabled }, "items-center rounded-md border px-4 py-2 text-sm font-medium shadow-sm focus:outline-none", o.value])) }, [p(s.$slots, "default")], 10, c));
6} };
7export {
8  b as _
9};