import React from 'react';
import ToggleButton from '../../../ToggleButton';
import { LockUnlocked, LockLocked } from '@wix/wix-ui-icons-common';
import { dataHooks } from '../../CornerRadiusInput.constants';
import { useIcons } from '../../../WixDesignSystemIconThemeProvider';
const LinkingButton = ({ size, isLinkingEnabled, setLinking, linkingButtonLabels, onLinkedToggle, }) => {
    const icons = useIcons('CornerRadiusInputLinkingButton', {
        LockUnlocked,
        LockLocked,
    });
    return (React.createElement(ToggleButton, { size: size, dataHook: dataHooks.autoScaleButton, border: true, selected: isLinkingEnabled, labelValue: isLinkingEnabled
            ? linkingButtonLabels?.pressed
            : linkingButtonLabels?.unpressed, labelPlacement: "tooltip", onClick: () => {
            setLinking(prev => !prev);
            onLinkedToggle?.(!isLinkingEnabled);
        }, tooltipProps: {
            textAlign: 'center',
        } }, isLinkingEnabled ? React.createElement(icons.LockLocked, null) : React.createElement(icons.LockUnlocked, null)));
};
export { LinkingButton };
//# sourceMappingURL=LinkingButton.js.map