import { defineComponent, mergeProps, useSSRContext } from "vue";
import { ssrRenderAttrs, ssrInterpolate, ssrRenderClass, ssrRenderAttr } from "vue/server-renderer";
import { t as textInputClasses } from "./theme.43fc44e2.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "InputPrice",
  __ssrInlineRender: true,
  props: {
    modelValue: { type: [String, Number], default: "" },
    currencySymbol: { type: String, default: "$" }
  },
  emits: ["update:modelValue"],
  setup(__props, { emit }) {
    const classes = ["pl-7", ...textInputClasses()];
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "relative rounded-md shadow-sm" }, _attrs))}><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"><span class="text-theme-500 sm:text-sm">${ssrInterpolate(__props.currencySymbol)}</span></div><input type="number" class="${ssrRenderClass(classes)}" placeholder="0.00"${ssrRenderAttr("value", __props.modelValue)} step=".01" min="0"></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../ui/InputPrice.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as default
};
