json-joy
Version:
Collection of libraries for building collaborative editing apps.
19 lines • 937 B
JavaScript
import * as React from 'react';
import BasicButton from 'nice-ui/lib/2-inline-block/BasicButton';
import { Iconista } from 'nice-ui/lib/icons/Iconista';
import { BasicTooltip } from 'nice-ui/lib/4-card/BasicTooltip';
import { useT } from 'use-t';
export const SoftLockedDeleteButton = ({ onDelete }) => {
const [t] = useT();
const [locked, setLocked] = React.useState(true);
return (React.createElement(BasicTooltip, { renderTooltip: () => (locked ? t('Unlock delete') : t('Delete')) },
React.createElement(BasicButton, { size: 32, rounder: true, onClick: () => {
if (locked) {
setLocked(false);
return;
}
onDelete();
} },
React.createElement(Iconista, { set: 'lucide', icon: 'trash', width: 16, height: 16, style: { opacity: locked ? 0.5 : 1 } }))));
};
//# sourceMappingURL=SoftLockedDeleteButton.js.map