"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const index = require("../../../hooks/use-namespace/index.js");
const vue = require("vue");
var aside_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.defineComponent({
  name: "ElAside",
  __name: "aside",
  props: { width: {
    type: [String, null],
    required: false,
    default: null
  } },
  setup(__props) {
    const props = __props;
    const ns = index.useNamespace("aside");
    const style = vue.computed(() => props.width ? ns.cssVarBlock({ width: props.width }) : {});
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("aside", {
        class: vue.normalizeClass(vue.unref(ns).b()),
        style: vue.normalizeStyle(style.value)
      }, [vue.renderSlot(_ctx.$slots, "default")], 6);
    };
  }
});
exports.default = aside_vue_vue_type_script_setup_true_lang_default;
