Files
ontime/client/src/features/menu/buttons/HelpIconBtn.jsx
T
2021-05-29 22:46:05 +02:00

23 lines
569 B
React

import { IconButton } from '@chakra-ui/button';
import { Tooltip } from '@chakra-ui/tooltip';
import { FiHelpCircle } from 'react-icons/fi';
export default function HelpIconBtn(props) {
const { clickhandler, ...rest } = props;
return (
<Tooltip label='Help'>
<IconButton
size={props.size || 'xs'}
icon={<FiHelpCircle />}
colorScheme='white'
variant='outline'
isRound
borderColor='#fff1'
onClick={clickhandler}
_focus={{ boxShadow: 'none' }}
{...rest}
/>
</Tooltip>
);
}