import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
import { useContext, } from 'react';
import { useTranslation } from 'react-i18next';
import { Button } from 'antd';
import { ScissorOutlined, CopyOutlined, SnippetsOutlined, DeleteOutlined, } from '@ant-design/icons';
import { HotkeysSectionContext } from '../../providers';
import { ButtonCSS } from './hotkeys-bar.style';
export const HotkeysBar = () => {
    const { t } = useTranslation();
    const { cut, copy, paste, remove, } = useContext(HotkeysSectionContext);
    return (_jsxs(_Fragment, { children: [_jsx(Button, { css: ButtonCSS, icon: _jsx(ScissorOutlined, {}), size: "small", onClick: cut, title: t('explorer.actionBar.cut.button.title') }), _jsx(Button, { css: ButtonCSS, icon: _jsx(CopyOutlined, {}), size: "small", onClick: copy, title: t('explorer.actionBar.copy.button.title') }), _jsx(Button, { css: ButtonCSS, icon: _jsx(SnippetsOutlined, {}), size: "small", onClick: paste, title: t('explorer.actionBar.paste.button.title') }), _jsx(Button, { css: ButtonCSS, icon: _jsx(DeleteOutlined, {}), size: "small", onClick: remove, title: t('explorer.actionBar.delete.button.title') })] }));
};
