'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
require('../../../utils/index.cjs');
var Base = require('./Base.cjs');
var props = require('./props.cjs');
var log = require('../../../utils/log.cjs');

const Title = (props$1, {
  slots,
  attrs
}) => {
  const {
    level = 1,
    ...restProps
  } = props$1;
  let component;
  if (props.TITLE_ELE_LIST.includes(level)) {
    component = `h${level}`;
  } else {
    log.devWarning(false, "Typography", "Title only accept `1 | 2 | 3 | 4 | 5` as `level` value.");
    component = "h1";
  }
  const getTitleProps = {
    ...restProps,
    component,
    ...attrs
  };
  return vue.createVNode(Base.default, getTitleProps, slots);
};
Title.displayName = "ATypographyTitle";
Title.inheritAttrs = false;
Title.props = props.titleProps();

exports.default = Title;
//# sourceMappingURL=Title.cjs.map
