@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
34 lines (33 loc) • 1.23 kB
JavaScript
import { jsxs as c, jsx as s } from "react/jsx-runtime";
import a from "./DirectAccessCard.module.scss.mjs";
import '../../../../assets/node_modules/.pnpm/bootstrap-icons@1.13.1/node_modules/bootstrap-icons/font/bootstrap-icons.css';/* empty css */
const N = ({
iconName: i,
label: t,
description: e,
href: r,
target: o,
color: n = "primary",
className: l,
...d
}) => /* @__PURE__ */ c(
r ? "a" : "button",
{
...r ? { href: r, target: o } : { type: "button" },
className: `${a.card} ${l ?? ""}`.trim(),
"data-color": n,
...d,
children: [
/* @__PURE__ */ s("span", { className: a.iconWrap, children: /* @__PURE__ */ s("i", { className: `bi ${i}`, "aria-hidden": "true" }) }),
/* @__PURE__ */ c("span", { className: a.body, children: [
/* @__PURE__ */ s("span", { className: a.label, children: t }),
e && /* @__PURE__ */ s("span", { className: a.description, children: e })
] }),
/* @__PURE__ */ s("i", { className: `bi bi-chevron-right ${a.chevron}`, "aria-hidden": "true" })
]
}
);
export {
N as DirectAccessCard,
N as default
};