import { Box, StackDivider, VStack } from '@chakra-ui/react' import React from 'react' import { ColorMenu } from './ColorMenu' import { colorList, initialVisuals } from './config' import { EnableSection } from './EnableSection' import { SliderWithInfo } from './SliderWithInfo' export interface CitationsPanelProps { visuals: typeof initialVisuals setVisuals: any } export const CitationsPanel = (props: CitationsPanelProps) => { const { visuals, setVisuals } = props return ( } align="stretch" color="gray.800" > setVisuals({ ...visuals, citeDashes: !visuals.citeDashes })} > setVisuals({ ...visuals, citeDashLength: value * 10 })} /> setVisuals({ ...visuals, citeGapLength: value * 5 })} /> setVisuals({ ...visuals, refDashes: !visuals.refDashes })} > setVisuals({ ...visuals, refDashLength: value * 10 })} /> setVisuals({ ...visuals, refGapLength: value * 5 })} /> ) }