import { defineComponent as o, createBlock as a, openBlock as n, resolveDynamicComponent as l, mergeProps as s, unref as b, withCtx as d, renderSlot as p } from "vue";
import { useBindCx as i } from "@scalar/components";
const f = /* @__PURE__ */ o({
  inheritAttrs: !1,
  __name: "DataTableCell",
  props: {
    is: { default: "td" }
  },
  setup(e) {
    const { cx: r } = i();
    return (t, m) => (n(), a(l(e.is), s(
      b(r)(
        "box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base/5 last:border-r-0 group-last:border-b-transparent p-0 m-0 relative"
      ),
      { class: "group-[.alert]:bg-b-alert group-[.error]:bg-b-danger" }
    ), {
      default: d(() => [
        p(t.$slots, "default")
      ]),
      _: 3
    }, 16));
  }
});
export {
  f as default
};
