Source: tools.js

/**
 * Tools Image module
 * @module tools
 */

/**
 * Grid box containing patches and needles used for stitching.
 * 
 * @type {HTMLElement}
 */
export const stichingTools = document.getElementById("stiching-tools");

/**
 * Grid box containing buckets of dye for coloring items.
 * 
 * @type {HTMLElement | null}
 */
export const dyeingTools = document.getElementById("dyeing-tools");

/**
 * Grid box containing scissors for cutting items.
 * 
 * @type {HTMLElement | null}
 */
export const cuttingTools = document.getElementById("cutting-tools");

/**
 * Makes the stitching tools (patches and needles) visible and interactive.
 * 
 * @function showStichingTools
 */
export function showStichingTools() {
    stichingTools.style.display = "grid";
}

/**
 * Makes the dyeing tools (buckets of dye) visible and interactive.
 * 
 * @function showDyeingTools
 */
export function showDyeingTools() {
    if (dyeingTools) {
        dyeingTools.style.display = "grid";
    }
}

/**
 * Makes the cutting tools (scissors) visible and interactive.
 * 
 * @function showCuttingTools
 */
export function showCuttingTools() {
    if (cuttingTools) {
        cuttingTools.style.display = "grid";
    }
}