UNPKG

synapse-react-client

Version:

[![npm version](https://badge.fury.io/js/synapse-react-client.svg)](https://badge.fury.io/js/synapse-react-client) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettie

107 lines (106 loc) 2.94 kB
import { jsxs as d, jsx as r } from "react/jsx-runtime"; import { LargeButton as o } from "../styled/LargeButton.js"; import { Link as l } from "@mui/material"; import a from "classnames"; function u({ title: e, description: n, ctaButtonText: m, ctaButtonURL: i, headerImage: s, titleIcon: C, cardDeckType: _ }) { return /* @__PURE__ */ d( "div", { className: a( "CardDeck__Card", _ && `CardDeck__Card--${_}` ), children: [ /* @__PURE__ */ r( "div", { className: a( "CardDeck__Card__header__image", _ && `CardDeck__Card__header__image--${_}` ), children: /* @__PURE__ */ r(l, { href: i, children: s }) } ), /* @__PURE__ */ d( "div", { className: a( "CardDeck__Card__header", _ && `CardDeck__Card__header--${_}` ), children: [ /* @__PURE__ */ r( "div", { className: a( "CardDeck__Card__header__icon", _ && `CardDeck__Card__header__icon--${_}` ), children: C } ), /* @__PURE__ */ r("div", { className: "CardDeck__Card__header__info", children: /* @__PURE__ */ d( "span", { className: a( "CardDeck__Card__header__info__title", _ && `CardDeck__Card__header__info__title--${_}` ), children: [ " ", ["b2ai", "b2ai-detail-card"].includes(_ ?? "") ? /* @__PURE__ */ r(l, { href: i, children: e }) : e, " " ] } ) }) ] } ), /* @__PURE__ */ d( "div", { className: a( "CardDeck__Card__summary", _ && `CardDeck__Card__summary--${_}` ), children: [ /* @__PURE__ */ d("p", { children: [ " ", n, " " ] }), ["b2ai", "b2ai-detail-card"].includes(_ ?? "") ? null : /* @__PURE__ */ r( o, { color: "primary", variant: "outlined", href: i, sx: { maxWidth: "200px", fontSize: "14px", boxShadow: "none", borderColor: "primary.main", color: "primary.main" }, children: m } ) ] } ) ] } ); } export { u as default }; //# sourceMappingURL=CardDeck.Desktop.js.map