import { Button } from '@chakra-ui/react' ; import type { ActionProps } from 'react-querybuilder' ; const ChakraActionElement = ( { className , handleOnClick , label , title , disabled } ) => ( < Button className = { className } title = { title } colorScheme = "gray" variant = "solid" onClick = { e => handleOnClick ( e ) } size = "xs" isDisabled = { disabled } > { label } < /Button>); ChakraActionElement . displayName = 'ChakraActionElement' ; export default ChakraActionElement ;