maz-ui/components/chunks/MazLoadingBar.LkmX0AHd.mjs

A standalone components library for Vue.Js 3 & Nuxt.Js 3

import { defineComponent as t, computed as n, openBlock as c, createElementBlock as i, normalizeStyle as m, createElementVNode as s } from "vue";
import { _ as p } from "./MazTable.BtL5to1U.mjs";
import '../assets/MazLoadingBar.ByRp5OgY.css';const d = /* @__PURE__ */ t({
  __name: "MazLoadingBar",
  props: {
    color: { default: "primary" },
    height: { default: "0.125rem" }
  },
  setup(e) {
    const a = e, o = n(() => ({
      alpha: `var(--maz-color-${a.color}-alpha-20)`,
      main: `var(--maz-color-${a.color})`
    }));
    return (l, r) => (c(), i(
      "div",
      {
        class: "m-loading-bar m-reset-css",
        style: m([{ "--loading-bar-height": l.height, "--loading-bar-color": o.value.alpha, "--loading-bar-main-color": o.value.main }])
      },
      r[0] || (r[0] = [
        s(
          "div",
          null,
          null,
          -1
          /* HOISTED */
        )
      ]),
      4
      /* STYLE */
    ));
  }
}), f = /* @__PURE__ */ p(d, [["__scopeId", "data-v-189c6085"]]);
export {
  f as default
};