import * as vue from "vue";
import { defineComponent, mergeProps, unref, useSSRContext } from "vue";
import { ssrRenderAttrs, ssrInterpolate, ssrRenderClass } from "vue/server-renderer";
import "../mount.js";
import "path-browserify";
import "deepmerge";
import "fast-safe-stringify";
import "spark-md5";
import "is-plain-object";
import "js-cookie";
import "events";
import "http";
import "@medv/finder";
import "front-matter";
import "markdown-it";
import "markdown-it-anchor";
import "markdown-it-implicit-figures";
import "markdown-it-link-attributes";
import "markdown-it-video";
import "remove-markdown";
import "./index.2544f8a4.js";
import "body-parser";
import "dotenv";
import "compression";
import "serve-favicon";
import "serve-static";
import "html-minifier";
import "vite";
import "@vue/server-renderer";
import "fs";
import "enquirer";
import "semver";
import "glob";
import "minimist";
import "handlebars";
import "execa";
import "multer";
import "sharp";
import "@vitejs/plugin-vue";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "InputElTab",
  __ssrInlineRender: true,
  props: {
    label: { type: [String, Number], default: "" },
    icon: { type: String, default: "" },
    prefix: { type: [String, Number], default: "" },
    selected: { type: Boolean, default: false }
  },
  setup(__props) {
    const props = __props;
    const animateSelected = vue.ref();
    vue.watch(
      () => props.selected,
      (v) => {
        if (v) {
          animateSelected.value = v;
          setTimeout(() => {
            animateSelected.value = "";
          }, 1e3);
        }
      }
    );
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: ["text-input-size hover:bg-theme-200 hover:border-theme-400 text-theme-700 max-w-input flex cursor-move items-center justify-between rounded-md border px-2 py-1", [
          unref(animateSelected) ? "notify-selected" : "",
          __props.selected ? "border-theme-400 bg-theme-200" : "border-theme-300 bg-theme-100 "
        ]]
      }, _attrs))}><div class="flex items-center space-x-3">`);
      if (__props.prefix) {
        _push(`<div class="border-theme-300 text-theme-400 inline-flex w-6 items-center justify-end border-r pr-3 text-right text-xs font-bold">${ssrInterpolate(__props.prefix)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="text-theme-700">${ssrInterpolate(__props.label || "No Label")}</div></div>`);
      if (__props.icon) {
        _push(`<div class="${ssrRenderClass([__props.icon, "text-theme-400"])}"></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
});
const InputElTab_vue_vue_type_style_index_0_lang = "";
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../ui/InputElTab.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as _
};
