@gechiui/block-editor/src/components/image-editor/form-controls.js

Generic block editor.

/**
 * GeChiUI dependencies
 */
import { ToolbarButton } from '@gechiui/components';
import { __ } from '@gechiui/i18n';

/**
 * Internal dependencies
 */
import { useImageEditingContext } from './context';

export default function FormControls() {
	const { isInProgress, apply, cancel } = useImageEditingContext();
	return (
		<>
			<ToolbarButton onClick={ apply } disabled={ isInProgress }>
				{ __( '应用' ) }
			</ToolbarButton>
			<ToolbarButton onClick={ cancel }>{ __( '取消' ) }</ToolbarButton>
		</>
	);
}