@wix/design-system
Version:
@wix/design-system
21 lines • 1.14 kB
JavaScript
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