@servicetitan/assist-ui
Version:
ServiceTitan Assist UI Components
8 lines • 1.42 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Flex, Icon, Text } from '@servicetitan/anvil2';
import IconTitanIntelligence from '@servicetitan/anvil2/assets/icons/st/titan_intelligence.svg';
import { core } from '@servicetitan/anvil2/token';
export const SmallAction = ({ recommendationId, message, description, onReject, onAccept, buttonDisabled = false, classes, }) => {
return (_jsxs(Flex, { direction: "column", className: classes, children: [_jsxs(Flex, { children: [_jsx("span", { className: "m-inline-end-1", style: { color: core.semantic.ForegroundColorPrimary.value }, children: _jsx(Icon, { svg: IconTitanIntelligence, size: "large", inherit: true }) }), _jsx(Text, { inline: true, children: _jsx("b", { children: "Assist" }) })] }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "medium", children: message }), description && _jsx(Text, { size: "small", children: description }), _jsxs(Flex, { alignItems: "flex-start", gap: 1, children: [_jsx(Button, { appearance: "ghost", className: "m-inline-start-auto", onClick: () => onReject(recommendationId), disabled: buttonDisabled, children: "Reject" }), _jsx(Button, { appearance: "primary", style: { width: '50%' }, className: "m-inline-start-auto", onClick: () => onAccept(recommendationId), disabled: buttonDisabled, children: "Accept" })] })] })] }));
};
//# sourceMappingURL=small-action.js.map