import React from 'react';
import { X, Check } from '@wix/wix-ui-icons-common';
import IconButton from '../IconButton';
import { DataHooks } from './constants';
import { classes } from './ColorPickerActions.st.css.js';
import { useIcons } from '../WixDesignSystemIconThemeProvider';
const ColorPickerActions = ({ onCancel, onConfirm, disabled }) => {
    const icons = useIcons('ColorPickerActions', {
        X,
        Check,
    });
    return (React.createElement("div", { className: classes.root },
        React.createElement(IconButton, { dataHook: DataHooks.cancelButton, size: "medium", priority: "secondary", onClick: onCancel },
            React.createElement(icons.X, null)),
        React.createElement(IconButton, { dataHook: DataHooks.confirmButton, size: "medium", disabled: disabled, onClick: onConfirm },
            React.createElement(icons.Check, null))));
};
export default ColorPickerActions;
//# sourceMappingURL=ColorPickerActions.js.map