import { defineComponent, toRefs, openBlock, createBlock, renderSlot, withScopeId } from 'vue';

var EnumType;
(function (EnumType) {
    EnumType[EnumType["H1"] = 0] = "H1";
    EnumType[EnumType["H2"] = 1] = "H2";
    EnumType[EnumType["H3"] = 2] = "H3";
    EnumType[EnumType["H4"] = 3] = "H4";
    EnumType[EnumType["H5"] = 4] = "H5";
    EnumType[EnumType["H6"] = 5] = "H6";
    EnumType[EnumType["H7"] = 6] = "H7";
})(EnumType || (EnumType = {}));
var script = defineComponent({
    name: "Text",
    props: {
        type: {
            required: true,
            type: Object,
            default: "H1"
        }
    },
    setup(props) {
        return {
            ...toRefs(props)
        };
    }
});

const _withId = /*#__PURE__*/withScopeId("data-v-17f06ba3");

const render = /*#__PURE__*/_withId(function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock("span", {
    class: `text_${_ctx.type}`
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 2))
});

function styleInject(css, ref) {
  if ( ref === void 0 ) ref = {};
  var insertAt = ref.insertAt;

  if (!css || typeof document === 'undefined') { return; }

  var head = document.head || document.getElementsByTagName('head')[0];
  var style = document.createElement('style');
  style.type = 'text/css';

  if (insertAt === 'top') {
    if (head.firstChild) {
      head.insertBefore(style, head.firstChild);
    } else {
      head.appendChild(style);
    }
  } else {
    head.appendChild(style);
  }

  if (style.styleSheet) {
    style.styleSheet.cssText = css;
  } else {
    style.appendChild(document.createTextNode(css));
  }
}

var css_248z = ".text_H1 {\n  /* 26 semibold */\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-style: normal;\n  font-weight: 590;\n  font-size: 1.625rem;\n  line-height: 1.9375rem;\n  /* identical to box height */\n}\n.text_H2 {\n  /* 26 semibold */\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-style: normal;\n  font-weight: 590;\n  font-size: 1.375rem;\n  line-height: 1.625rem;\n  letter-spacing: -0.02em;\n  /* identical to box height */\n}\n.text_H3 {\n  /* 26 semibold */\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1rem;\n  line-height: 1.1875rem;\n  /* identical to box height */\n}\n.text_H4 {\n  /* 26 semibold */\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 1.1875rem;\n  /* identical to box height */\n}\n.text_H5 {\n  /* 26 semibold */\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 0.875rem;\n  line-height: 1.0625rem;\n  /* identical to box height */\n}\n.text_H6 {\n  /* 26 semibold */\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.0625rem;\n  /* identical to box height */\n}\n.text_H7 {\n  /* 26 semibold */\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-style: normal;\n  font-weight: 590;\n  font-size: 0.75rem;\n  line-height: 0.875rem;\n  /* identical to box height */\n}\n";
styleInject(css_248z);

script.render = render;
script.__scopeId = "data-v-17f06ba3";

const registerComponent = (instance, component) => {
    if (component) {
        instance.component(component.name || "", component);
    }
};

const Plugin = {
    install(vue) {
        registerComponent(vue, script);
    }
};

export default Plugin;
export { script as Text };