@servicetitan/assist-ui
Version:
ServiceTitan Atlas UI Components
63 lines (62 loc) • 2.92 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, continueButtonId })=>{
return /*#__PURE__*/ _jsxs(Flex, {
direction: "column",
className: styles.welcomeRoot,
children: [
/*#__PURE__*/ _jsx(Flex, {
className: styles.welcome,
children: /*#__PURE__*/ _jsx("div", {
className: styles.illustration
})
}),
/*#__PURE__*/ _jsxs(Flex, {
direction: "column",
alignItems: "center",
className: "p-inline-3 p-block-4",
children: [
/*#__PURE__*/ _jsxs(Flex, {
direction: "column",
children: [
/*#__PURE__*/ _jsx(Text, {
variant: "headline",
size: "small",
el: "h2",
children: title
}),
/*#__PURE__*/ _jsx(Text, {
variant: "headline",
size: "small",
el: "h4",
children: subtitle
}),
/*#__PURE__*/ _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."
}),
/*#__PURE__*/ _jsx("br", {}),
/*#__PURE__*/ _jsx(Text, {
children: "By continuing, you're using this feature responsibly and agree that your input may help us improve the experience over time."
}),
/*#__PURE__*/ _jsx("br", {}),
/*#__PURE__*/ _jsx(Text, {
alignSelf: "flex-start",
children: "Let's get started."
}),
/*#__PURE__*/ _jsx("br", {})
]
}),
/*#__PURE__*/ _jsx(Button, {
id: continueButtonId,
appearance: "primary",
size: "medium",
onClick: onContinue,
children: "Continue"
})
]
})
]
});
};
//# sourceMappingURL=welcome.js.map