@achs/webkit
Version:
Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las
29 lines (28 loc) • 869 B
JavaScript
import { jsx as e } from "react/jsx-runtime";
import r from "./MapPlaceholder.module.scss.mjs";
const m = ({
src: a,
width: l = "100%",
height: o = "450"
// Usamos altura por defecto si no se pasa una personalizada
}) => a.includes("google.com/maps/embed") ? /* @__PURE__ */ e("div", { className: r.map_placeholder, style: {
paddingBottom: "56.25%",
width: l,
height: o
}, children: /* @__PURE__ */ e("div", { className: r.map_iframe, children: /* @__PURE__ */ e(
"iframe",
{
title: "map",
src: a,
width: "100%",
height: "100%",
style: { border: 0 },
allowFullScreen: !0,
loading: "lazy",
referrerPolicy: "no-referrer-when-downgrade"
}
) }) }) : /* @__PURE__ */ e("div", { className: r.error_message, children: "Por favor ingresa una URL válida de Google Maps." });
export {
m as MapPlaceholder,
m as default
};