29 lines
613 B
TypeScript
29 lines
613 B
TypeScript
|
import { StackProps, HStack } from '@chakra-ui/react'
|
||
|
|
import { Step } from 'bot-engine'
|
||
|
|
import { StepIcon } from 'components/board/StepTypesList/StepIcon'
|
||
|
|
import { StepContent } from './StepContent'
|
||
|
|
|
||
|
|
export const StepNodeOverlay = ({
|
||
|
|
step,
|
||
|
|
...props
|
||
|
|
}: { step: Step } & StackProps) => {
|
||
|
|
return (
|
||
|
|
<HStack
|
||
|
|
p="3"
|
||
|
|
borderWidth="1px"
|
||
|
|
rounded="lg"
|
||
|
|
bgColor="white"
|
||
|
|
cursor={'grab'}
|
||
|
|
pos="fixed"
|
||
|
|
top="0"
|
||
|
|
left="0"
|
||
|
|
w="264px"
|
||
|
|
pointerEvents="none"
|
||
|
|
{...props}
|
||
|
|
>
|
||
|
|
<StepIcon type={step.type} />
|
||
|
|
<StepContent {...step} />
|
||
|
|
</HStack>
|
||
|
|
)
|
||
|
|
}
|