@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
58 lines (57 loc) • 1.88 kB
JavaScript
import { jsxs as i, jsx as a } from "react/jsx-runtime";
import r from "./DownloadCard.module.scss.mjs";
import '../../../../assets/node_modules/.pnpm/bootstrap-icons@1.13.1/node_modules/bootstrap-icons/font/bootstrap-icons.css';/* empty css */
const $ = ({
title: d,
meta: e,
href: l,
fileName: n,
iconName: c = "bi-file-earmark-text",
buttonLabel: s = "Descargar",
color: o = "primary",
className: m,
...p
}) => /* @__PURE__ */ i(
"div",
{
className: `${r.card} ${m ?? ""}`.trim(),
"data-color": o,
...p,
children: [
/* @__PURE__ */ a("span", { className: r.iconWrap, children: /* @__PURE__ */ a("i", { className: `bi ${c}`, "aria-hidden": "true" }) }),
/* @__PURE__ */ i("span", { className: r.body, children: [
/* @__PURE__ */ a("span", { className: r.title, children: d }),
e && /* @__PURE__ */ a("span", { className: r.meta, children: e })
] }),
l ? /* @__PURE__ */ i(
"a",
{
className: r.download,
href: l,
download: n ?? !0,
"aria-label": typeof d == "string" ? `${s}: ${d}` : s,
children: [
/* @__PURE__ */ a("i", { className: "bi bi-download", "aria-hidden": "true" }),
/* @__PURE__ */ a("span", { children: s })
]
}
) : /* @__PURE__ */ i(
"button",
{
type: "button",
className: r.download,
disabled: !0,
"aria-label": typeof d == "string" ? `${s}: ${d}` : s,
children: [
/* @__PURE__ */ a("i", { className: "bi bi-download", "aria-hidden": "true" }),
/* @__PURE__ */ a("span", { children: s })
]
}
)
]
}
);
export {
$ as DownloadCard,
$ as default
};