@servicetitan/assist-ui/lib/components/screens/system-error.js

ServiceTitan Atlas UI Components

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 /*#__PURE__*/ _jsx(Flex, {
        direction: "column",
        alignItems: "center",
        justifyContent: "center",
        style: {
            height: '100%'
        },
        children: /*#__PURE__*/ _jsxs(Flex, {
            direction: "column",
            alignItems: "center",
            justifyContent: "center",
            children: [
                /*#__PURE__*/ _jsx(Icon, {
                    svg: icon,
                    size: "xlarge",
                    color: iconColor
                }),
                /*#__PURE__*/ _jsx(Text, {
                    variant: "headline",
                    size: "small",
                    el: "h4",
                    className: "m-block-end-2 text-center",
                    children: title
                }),
                /*#__PURE__*/ _jsx(Text, {
                    style: {
                        width: '66%',
                        textAlign: 'center'
                    },
                    children: text !== null && text !== void 0 ? text : description
                })
            ]
        })
    });
};

//# sourceMappingURL=system-error.js.map