@servicetitan/assist-ui
Version:
ServiceTitan Assist UI Components
10 lines • 1.16 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Flex, Icon, Text } from '@servicetitan/anvil2';
import { core } from '@servicetitan/anvil2/token';
import IconTitanIntelligence from '@servicetitan/anvil2/assets/icons/st/titan_intelligence.svg';
import { Loader } from '../loader';
import { ErrorMessage } from './error-message';
export const AssistantMessage = ({ error, onRetry, message, classes, assistant, svgIcon, }) => {
return (_jsxs(Flex, { direction: "column", className: classes, children: [_jsxs(Flex, { children: [_jsx("span", { className: "m-inline-end-1", style: { color: core.semantic.ForegroundColorPrimary.value }, children: _jsx(Icon, { svg: svgIcon || IconTitanIntelligence, size: "large", inherit: true }) }), _jsx(Text, { inline: true, children: _jsx("b", { children: assistant ? assistant : 'Assist' }) })] }), _jsxs(Flex, { direction: "column", children: [message && !error && _jsx(Text, { size: "medium", children: message }), error && _jsx(ErrorMessage, { error: error, message: message, onRetry: onRetry }), !message && !error && _jsx(Loader, {})] })] }));
};
//# sourceMappingURL=assistant-message.js.map