@progress/kendo-react-conversational-ui
Version:
React Chat component allows the user to participate in chat sessions with users or chat bots. KendoReact Conversational UI components
27 lines (26 loc) • 1.59 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import * as e from "react";
import { Button as v } from "@progress/kendo-react-buttons";
const N = (s) => {
const { imageUrl: m, imageMaxWidth: i, title: l, subtitle: r, actions: n, onActionExecute: c, altText: d } = s, o = e.useCallback(
(t, a) => {
c == null || c({
action: t,
syntheticEvent: a,
nativeEvent: a.nativeEvent,
target: a.currentTarget
});
},
[c]
), k = d || l || "";
return /* @__PURE__ */ e.createElement("div", { className: "k-card" }, /* @__PURE__ */ e.createElement("img", { className: "k-card-image", src: m, style: { maxWidth: i }, alt: k }), /* @__PURE__ */ e.createElement("div", { className: "k-card-body" }, l && /* @__PURE__ */ e.createElement("h5", { className: "k-card-title" }, l), r && /* @__PURE__ */ e.createElement("h6", { className: "k-card-subtitle" }, r)), /* @__PURE__ */ e.createElement("div", { className: "k-card-actions k-card-actions-vertical" }, n.map((t, a) => /* @__PURE__ */ e.createElement("span", { className: "k-card-action", key: `action-${a}-${t.title || t.value || a}` }, /* @__PURE__ */ e.createElement(v, { fillMode: "flat", onClick: (E) => o(t, E) }, t.title)))));
};
export {
N as HeroCard
};