@gechiui/block-editor/src/components/image-editor/rotation-button.js

Generic block editor.

/**
 * GeChiUI dependencies
 */

import { ToolbarButton } from '@gechiui/components';
import { __ } from '@gechiui/i18n';
import { rotateRight as rotateRightIcon } from '@gechiui/icons';

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

export default function RotationButton() {
	const { isInProgress, rotateClockwise } = useImageEditingContext();
	return (
		<ToolbarButton
			icon={ rotateRightIcon }
			label={ __( '旋转' ) }
			onClick={ rotateClockwise }
			disabled={ isInProgress }
		/>
	);
}