@servicetitan/assist-ui/lib/components/messages/user-message.js

ServiceTitan Assist UI Components

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import classNames from 'classnames';
import { Text, Flex, Button, Icon } from '@servicetitan/anvil2';
import IconRefresh from '@servicetitan/anvil2/assets/icons/material/round/refresh.svg';
export const UserMessage = ({ message, classes, isError = false, onRetry, }) => {
    return (_jsxs(Flex, { direction: "column", alignItems: "flex-end", className: classes, children: [_jsx(Text, { size: "small", subdued: isError, className: classNames('bg-stronger', {
                    'bg-danger-stronger': isError,
                }), alignItems: "flex-start", style: {
                    padding: '8px 12px 8px 16px',
                    borderRadius: '24px 24px 0px 24px',
                    boxSizing: 'border-box',
                }, children: message }), isError && (_jsxs(Flex, { className: "m-inline-start-2", justifyContent: "flex-end", alignItems: "center", children: [_jsx(Text, { variant: "body", size: "small", className: "c-danger", children: "Message not delivered" }), onRetry && (_jsxs(Button, { size: "small", appearance: "ghost", className: "m-inline-start-2", onClick: onRetry, children: ["Retry", _jsx(Icon, { svg: IconRefresh, size: "medium" })] }))] }))] }));
};
//# sourceMappingURL=user-message.js.map