@servicetitan/assist-ui
Version:
ServiceTitan Assist UI Components
7 lines • 1.43 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Flex, Text } from '@servicetitan/anvil2';
import * as styles from './welcome.module.less';
export const Welcome = ({ onContinue, title, subtitle }) => {
return (_jsxs(Flex, { direction: "column", className: styles.welcomeRoot, children: [_jsx(Flex, { className: styles.welcome, children: _jsx("div", { className: styles.illustration }) }), _jsxs(Flex, { direction: "column", alignItems: "center", className: "p-inline-3 p-block-4", children: [_jsxs(Flex, { direction: "column", children: [_jsx(Text, { variant: "headline", size: "small", el: "h2", children: title }), _jsx(Text, { variant: "headline", size: "small", el: "h4", children: subtitle }), _jsx(Text, { children: "I'm your AI assistant, here to help you find answers faster and make your experience smoother. While I do my best to share helpful and accurate info, this chat isn't a substitute for professional or legal advice when it really counts." }), _jsx("br", {}), _jsx(Text, { children: "By continuing, you're using this feature responsibly and agree that your input may help us improve the experience over time." }), _jsx("br", {}), _jsx(Text, { alignSelf: "flex-start", children: "Let's get started." }), _jsx("br", {})] }), _jsx(Button, { appearance: "primary", size: "medium", onClick: onContinue, children: "Continue" })] })] }));
};
//# sourceMappingURL=welcome.js.map