Colourway Product Card

"use client";

import { useRef, useState } from "react";

/**
 * ColourwayProductCard — one photograph, every colourway.
 *
 * A small apparel or homeware label has one good product shot and six
 * colours. This card greyscales the shot and multiplies it into the chosen
 * colour, so the same photograph becomes the sage one, the rust one and the
 * black one — and the plate colour is the card's single saturated field.
 * Choosing a colourway crossfades the plate rather than swapping it.
 *
 * THE SWATCHES ARE A RADIO GROUP. Squares, not circles (a square reads as a
 * fabric swatch), each a real radio with the colour's NAME as its accessible
 * name, arrow keys to move, one tab stop. A sold-out colourway stays on the
 * card, struck through, and swaps the button for "Notify me" — it is a state,
 * not a deletion.

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}