27 lines
633 B
TypeScript
27 lines
633 B
TypeScript
import { StackProps, HStack } from '@chakra-ui/react'
|
|
import { StartStep, Step } from 'models'
|
|
import { StepIcon } from 'components/board/StepTypesList/StepIcon'
|
|
import { StepNodeContent } from './StepNodeContent/StepNodeContent'
|
|
|
|
export const StepNodeOverlay = ({
|
|
step,
|
|
...props
|
|
}: { step: Step | StartStep } & StackProps) => {
|
|
return (
|
|
<HStack
|
|
p="3"
|
|
borderWidth="1px"
|
|
rounded="lg"
|
|
bgColor="white"
|
|
cursor={'grab'}
|
|
w="264px"
|
|
pointerEvents="none"
|
|
shadow="lg"
|
|
{...props}
|
|
>
|
|
<StepIcon type={step.type} />
|
|
<StepNodeContent step={step} />
|
|
</HStack>
|
|
)
|
|
}
|