flowstudio
Version:
Enterprise Flow Designer
13 lines • 1.44 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Card, TextArea, Flex, Badge, Text, Popover, Box, } from "@radix-ui/themes";
import InputNode from "./input";
import { CiMenuKebab } from "react-icons/ci";
import XNode from "./xnode";
export default function StartNode({ data }) {
return (_jsx(XNode, { id: data.id, type: 'start', data: { message: data.message }, inputs: data.inputs, fns: [
{ type: 'system', functions: ['Source Finder', 'Session GET'] },
{ type: 'custom', functions: ['Account Checker'] }
] }));
return (_jsxs(Card, { children: [_jsx(Box, { children: _jsxs(Flex, { width: '100%', align: 'center', justify: 'between', children: [_jsx(Text, { children: "Start" }), _jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsx(Button, { size: '1', "aria-label": 'Options', variant: 'outline', children: _jsx(CiMenuKebab, {}) }) }), _jsx(Popover.Content, { maxWidth: '150px' })] })] }) }), _jsx(Box, { children: _jsxs(Flex, { direction: 'column', children: [_jsx(TextArea, { rows: 6, size: '1', className: "nodrag", placeholder: 'Message', defaultValue: data.message }), _jsxs(Flex, { direction: 'column', children: [_jsx(InputNode, { id: 1, y: 50 }), _jsx(InputNode, { id: 2, y: 130 })] }), _jsx(Flex, { wrap: 'wrap', children: _jsx(Badge, { size: '1', color: 'green', children: "fn (1)" }) })] }) })] }));
}
//# sourceMappingURL=start.js.map