import { jsx as i } from "react/jsx-runtime";
import { a as s } from "../index-BmAFn37q.mjs";
import { a as t } from "../Slot-C98rL4yy.mjs";
const l = ({ className: e, asChild: o, ref: a, ...n }) => /* @__PURE__ */ i(
  o ? t : "div",
  {
    ref: a,
    "data-spark-component": "link-box",
    className: s("default:relative", e),
    ...n
  }
);
l.displayName = "LinkBox";
const k = ({ className: e, asChild: o, ref: a, ...n }) => /* @__PURE__ */ i(
  o ? t : "a",
  {
    ref: a,
    "data-spark-component": "link-box-link",
    className: s(
      "before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']",
      e
    ),
    ...n
  }
);
k.displayName = "LinkBox.Link";
const m = ({ className: e, ...o }) => /* @__PURE__ */ i(t, { className: s("default:z-raised default:relative", e), ...o });
m.displayName = "LinkBox.Raised";
const r = Object.assign(l, { Link: k, Raised: m });
r.displayName = "LinkBox";
r.Link.displayName = "LinkBox.Link";
r.Raised.displayName = "LinkBox.Raised";
export {
  r as LinkBox
};
//# sourceMappingURL=index.mjs.map
