28 lines
666 B
TypeScript
28 lines
666 B
TypeScript
import { useColorModeValue, HStack, Tag, Text } from '@chakra-ui/react'
|
|
import { Variable } from '@typebot.io/schemas'
|
|
|
|
export const SetVariableLabel = ({
|
|
variableId,
|
|
variables,
|
|
}: {
|
|
variableId: string
|
|
variables?: Variable[]
|
|
}) => {
|
|
const textColor = useColorModeValue('gray.600', 'gray.400')
|
|
const variableName = variables?.find(
|
|
(variable) => variable.id === variableId
|
|
)?.name
|
|
|
|
if (!variableName) return null
|
|
return (
|
|
<HStack fontStyle="italic" spacing={1}>
|
|
<Text fontSize="sm" color={textColor}>
|
|
Set
|
|
</Text>
|
|
<Tag bg="orange.400" color="white" size="sm">
|
|
{variableName}
|
|
</Tag>
|
|
</HStack>
|
|
)
|
|
}
|