import { ChevronDownIcon } from '@chakra-ui/icons'
import {
Button,
Flex,
Menu,
MenuButton,
MenuItem,
MenuList,
Portal,
StackDivider,
VStack,
Text,
} from '@chakra-ui/react'
import React from 'react'
import { initialBehavior, initialMouse } from './config'
import { InfoTooltip } from './InfoTooltip'
import { SliderWithInfo } from './SliderWithInfo'
export interface BehaviorPanelProps {
behavior: typeof initialBehavior
setBehavior: any
mouse: typeof initialMouse
setMouse: any
}
export const BehaviorPanel = (props: BehaviorPanelProps) => {
const { behavior, setBehavior, mouse, setMouse } = props
return (
}
align="stretch"
paddingLeft={7}
color="gray.800"
>
Expand Node
Open in Emacs
Follow Emacs by...
Local graph
setBehavior({ ...behavior, zoomSpeed: value })}
/>
setBehavior({ ...behavior, zoomPadding: value })}
infoText="How much to zoom out to accomodate all nodes when changing the view."
/>
)
}