import { useLayout } from "../../hooks/useLayout.js";
import SideNavLink_default from "./SideNavLink.vue.js";
import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
import { ScalarIcon } from "@scalar/components";
//#region src/components/SideNav/DownloadAppButton.vue?vue&type=script&setup=true&lang.ts
var DownloadAppButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
	__name: "DownloadAppButton",
	setup(__props) {
		const { layout } = useLayout();
		return (_ctx, _cache) => {
			return openBlock(), createBlock(SideNavLink_default, {
				class: "download-app-button gap-2 !px-3 !py-1.5 sm:px-3",
				href: "https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav",
				icon: "Download",
				target: "_blank"
			}, {
				icon: withCtx(() => [createVNode(unref(ScalarIcon), {
					icon: "Download",
					size: "sm",
					thickness: "2"
				})]),
				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["sr-only text-sm font-medium", { "sm:not-sr-only": unref(layout) === "web" }]) }, " Download App ", 2)]),
				_: 1
			});
		};
	}
});
//#endregion
export { DownloadAppButton_vue_vue_type_script_setup_true_lang_default as default };

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