30 lines
564 B
TypeScript
30 lines
564 B
TypeScript
import { Flex, FlexProps } from '@chakra-ui/react'
|
|
import { ChoiceItem } from 'models'
|
|
import React from 'react'
|
|
|
|
type ChoiceItemNodeOverlayProps = {
|
|
item: ChoiceItem
|
|
} & FlexProps
|
|
|
|
export const ChoiceItemNodeOverlay = ({
|
|
item,
|
|
...props
|
|
}: ChoiceItemNodeOverlayProps) => {
|
|
return (
|
|
<Flex
|
|
px="4"
|
|
py="2"
|
|
rounded="md"
|
|
bgColor="white"
|
|
borderWidth="1px"
|
|
borderColor={'gray.300'}
|
|
w="212px"
|
|
pointerEvents="none"
|
|
shadow="lg"
|
|
{...props}
|
|
>
|
|
{item.content ?? 'Click to edit'}
|
|
</Flex>
|
|
)
|
|
}
|