import {Tool} from '../tools';
import {createMachine} from 'xstate';
import type {BoundingBox} from "../helpers/get-bounding-box-of-multiple-entities.ts";
import {GET_ALIGN_ACTION, GET_ALIGN_TOOL_STATE} from "./align-tool.helpers.ts";
import type {Entity} from "../entities/Entity.ts";

/**
 * AlignRight tool state machine
 * This state machine is responsible for aligning entities on the canvas
 * It uses the select tool state machine to select entities to align
 * When the user presses enter, the selected entities are right aligned
 */
export const alignRightToolStateMachine = createMachine(
    GET_ALIGN_TOOL_STATE(Tool.ALIGN_RIGHT),
    GET_ALIGN_ACTION((entity: Entity, boundingBox: BoundingBox) => {
      entity.move(boundingBox.maxX - entity.getBoundingBox().xmax, 0);
    })
);