"use client";

import { createContext, useContext } from "react";

/**
 * Couleur d'accent du contenu courant (ex. `fiche_produit.accent_color` d'un
 * produit), fournie par BlockRenderer aux composants d'origine. `null` hors
 * d'une page qui la fournit → les composants gardent leur défaut codé en dur
 * (parité pixel préservée).
 */
export const AccentColorContext = createContext<string | null>(null);

export const useAccentColor = (): string | null => useContext(AccentColorContext);