@servicetitan/assist-ui
Version:
ServiceTitan Assist UI Components
7 lines • 1.01 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Flex, Icon, Text } from '@servicetitan/anvil2';
import IconError from '@servicetitan/anvil2/assets/icons/material/round/error.svg';
export const SystemError = ({ text, title = 'Something went wrong', description = "We're having trouble loading the chat. Please try refreshing the page.", icon = IconError, iconColor = 'var(--color-neutral-100)', }) => {
return (_jsx(Flex, { direction: "column", alignItems: "center", justifyContent: "center", style: { height: '100%' }, children: _jsxs(Flex, { direction: "column", alignItems: "center", justifyContent: "center", children: [_jsx(Icon, { svg: icon, size: "xlarge", color: iconColor }), _jsx(Text, { variant: "headline", size: "small", el: "h4", className: "m-block-end-2 text-center", children: title }), _jsx(Text, { style: { width: '66%', textAlign: 'center' }, children: text !== null && text !== void 0 ? text : description })] }) }));
};
//# sourceMappingURL=system-error.js.map