import { a3 as attr_class, a8 as stringify, a4 as escape_html } from './index.js-BVnekaYQ.js';

const DEVICE_STATUS_LABEL = {
  disponible: "Disponible",
  prestado: "Prestado",
  mantenimiento: "Mantenimiento",
  baja: "De baja"
};
function StatusBadge($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { status } = $$props;
    const styles = {
      disponible: "bg-emerald-100 text-emerald-800",
      prestado: "bg-amber-100 text-amber-800",
      mantenimiento: "bg-sky-100 text-sky-800",
      baja: "bg-slate-200 text-slate-600"
    };
    $$renderer2.push(`<span${attr_class(`badge ${stringify(styles[status])}`)}><span class="h-1.5 w-1.5 rounded-full bg-current opacity-70"></span> ${escape_html(DEVICE_STATUS_LABEL[status])}</span>`);
  });
}

export { DEVICE_STATUS_LABEL as D, StatusBadge as S };
//# sourceMappingURL=StatusBadge.js-CQhkJYLd.js.map
