@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.39 kB
JavaScript
var a=(...l)=>l.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((t,n)=>e[n]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var r=(l,e)=>a({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly,"k-highlighted":e.highlighted});var c={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted"};import{jsx as d,jsxs as g}from"react/jsx-runtime";var o="k-message",x=[c.selected],h={},s={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen"},i=l=>{let{time:e=s.time,text:t=s.text,status:n=s.status,selected:m,...u}=l;return g("div",{...u,className:a(o,l.className,r(o,{selected:m})),children:[d("time",{className:"k-message-time",children:e}),d("div",{className:"k-chat-bubble",children:t}),d("span",{className:"k-message-status",children:n})]})};i.states=x;i.options=h;i.className=o;i.defaultOptions=s;var A=i;export{o as CHATMESSAGE_CLASSNAME,i as ChatMessage,A as default};