@coko/client
Version:
Client side common code for coko apps
52 lines (49 loc) • 1.34 kB
JavaScript
import { grid as e, th as t } from "../../toolkit/themeHelper.js";
import "../../toolkit/index.js";
import n from "../common/DateParser.js";
import "../common/index.js";
import r, { css as i } from "styled-components";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region src/ui/chat/ChatMessage.tsx
var s = i`
margin-left: auto;
`, c = r.div`
display: flex;
width: 100%;
`, l = r.div`
background: ${(e) => e.$own ? t("colorPrimary") : t("colorSecondary")};
border-radius: 3px;
color: ${(e) => e.$own ? t("colorTextReverse") : t("colorText")};
display: inline-block;
max-width: 90%;
padding: ${e(2)};
${(e) => e.$own && i`
${s}
span {
${s}
}
`}
`, u = r.div`
font-size: ${t("fontSizeBaseSmall")};
font-weight: bold;
`, d = r.div``, f = r.div`
display: flex;
font-size: ${t("fontSizeBaseSmall")};
font-style: italic;
margin-top: ${e(2)};
`, p = (e) => {
let { className: t, content: r, date: i, own: s = !1, user: p = null } = e;
return /* @__PURE__ */ a(c, {
className: t,
children: /* @__PURE__ */ o(l, {
$own: s,
children: [
!s && /* @__PURE__ */ a(u, { children: p }),
/* @__PURE__ */ a(d, { children: r }),
/* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(n, { timestamp: i }) })
]
})
});
};
//#endregion
export { p as default };