1
 2import { t } from 'i18next';
 3import { Cog6ToothIcon } from '@heroicons/react/24/outline';
 4import { chakra, HStack, IconButton, Tooltip } from '@chakra-ui/react';
 5import { FC } from 'react';
 6
 7const iconProps = {
 8  baseStyle: {
 9    w: 4,
10    h: 4,
11  },
12};
13const CoreSettingsIcon = chakra(Cog6ToothIcon, iconProps);
14type ActionButtonsProps = {};
15
16export const ActionButtons: FC<ActionButtonsProps> = () => {
17  return (
18    <HStack
19      justifyContent="flex-end"
20      onClick={(e) => {
21        e.preventDefault();
22        e.stopPropagation();
23      }}
24    >
25      <Tooltip
26        label={
27          t('nodesTable.coreSettings')
28        }
29        placement="top"
30      >
31        <IconButton
32          p="0 !important"
33          aria-label="core settings"
34          bg="transparent"
35          _dark={{
36            _hover: {
37              bg: 'gray.700',
38            },
39          }}
40          size={{
41            base: 'sm',
42            md: 'md',
43          }}
44        >
45          <CoreSettingsIcon />
46        </IconButton>
47      </Tooltip>
48    </HStack >
49  );
50};
51