import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
import { cva } from "@scalar/components";
import { ScalarIconEnvelopeSimple } from "@scalar/icons";
//#region src/features/info-object/Contact.vue?vue&type=script&setup=true&lang.ts
var _hoisted_1 = {
	key: 0,
	class: "group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto"
};
var _hoisted_2 = ["href"];
var _hoisted_3 = { class: "ml-1 empty:hidden" };
var Contact_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
	__name: "Contact",
	props: { value: {} },
	setup(__props) {
		const variants = cva({
			base: "text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 group-last:mr-0 xl:border-none",
			variants: { link: { true: "no-underline hover:bg-b-2" } }
		});
		return (_ctx, _cache) => {
			return __props.value ? (openBlock(), createElementBlock("div", _hoisted_1, [__props.value?.email ? (openBlock(), createElementBlock("a", {
				key: 0,
				class: normalizeClass(unref(variants)({ link: true })),
				href: `mailto:${__props.value?.email}`
			}, [createVNode(unref(ScalarIconEnvelopeSimple), {
				weight: "bold",
				class: "size-3 text-current"
			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.value.name), 1)], 10, _hoisted_2)) : __props.value?.name ? (openBlock(), createElementBlock("span", {
				key: 1,
				class: normalizeClass(unref(variants)({ link: false }))
			}, toDisplayString(__props.value.name), 3)) : createCommentVNode("", true)])) : createCommentVNode("", true);
		};
	}
});
//#endregion
export { Contact_vue_vue_type_script_setup_true_lang_default as default };

//# sourceMappingURL=Contact.vue.script.js.map