/**
 * Element-sizing constants shared across components and bounds-fitting.
 *
 * Before this module, `Math.max(20, ...)` appeared inline in
 * `ImageElement.onTransformEnd`, `elementBounds.fitElementToBounds`,
 * `UploadTab.placeImage`, and several other places. The 20 isn't a guess —
 * it's the smallest box the user can still hit with the transformer
 * handles on a touch device — so changing it would change UX. Pulling it
 * here makes that explicit and prevents drift.
 */

// Floor for image / sticker width and height. Below this, transformer
// corner handles overlap and the element becomes effectively un-targetable
// on touch.
export const MIN_ELEMENT_SIZE = 20;

// Floor for inline-text-editor textarea overlay dimensions. Bigger than the
// canvas-element minimum because the user is interacting with a real DOM
// textarea (text selection, IME composition) where 20px would be too small
// to be usable. Width gets a higher floor than height because empty/short
// strings still need a recognizable click target.
export const MIN_INLINE_EDIT_WIDTH = 60;
export const MIN_INLINE_EDIT_HEIGHT = 20;
