deepdrft/DeepDrftShared.Client/Common/DDIcons.cs

namespace DeepDrftShared.Client.Common;

public static class DDIcons
{
    /// <summary>
    /// Charleston gas lamp lantern - uses currentColor for theming
    /// </summary>
    public const string GasLamp = """
                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                    <path fill="currentColor" d="M11 0h2v2h-2zM5 6l7-4 7 4v2H5zM6 8h12l-1.5 10h-9zM7.7 9l1.2 8h6.2l1.2-8zM9 19h6v1H9zM10 21h4v2h-4z"/>
                                  </svg>
                                  """;

    /// <summary>
    /// Charleston gas lamp with lit flame - for dark mode
    /// </summary>
    public const string GasLampLit = """
                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                       <path fill="currentColor" d="M11 0h2v2h-2zM5 6l7-4 7 4v2H5zM6 8h12l-1.5 10h-9zM7.7 9l1.2 8h6.2l1.2-8zM9 19h6v1H9zM10 21h4v2h-4z"/>
                                       <ellipse cx="12" cy="13" rx="2.5" ry="3.5" fill="#FF9800"/>
                                       <ellipse cx="12" cy="12.5" rx="1.5" ry="2.5" fill="#FFCA28"/>
                                       <ellipse cx="12" cy="12" rx=".7" ry="1.5" fill="#FFF8E1"/>
                                     </svg>
                                     """;

    /// <summary>
    /// Lava lamp - the Mix visualizer settings glyph. Inner path/shape markup for MudBlazor's Icon= slot
    /// (no outer &lt;svg&gt; wrapper — MudBlazor supplies that). Tapered base, tall rounded glass vessel,
    /// a cap, and three suspended blobs at varied heights. The silhouette is currentColor so it themes
    /// with its context (Color.Secondary tint, light/dark). The blobs carry a warm two-tone accent à la
    /// the gas-lamp flame so the lamp reads as "lit" at icon size; coordinates are in the 24×24 space
    /// that matches MudBlazor's viewBox="0 0 24 24" wrapper.
    /// </summary>
    public const string LavaLamp = """
                                   <path fill="currentColor" d="M9 1h6l-1.2 3h-3.6zM7.5 21l1.7-15h5.6l1.7 15zM6 21h12v2H6z"/>
                                   <ellipse cx="12" cy="17.5" rx="2.6" ry="2.2" fill="#FF9800"/>
                                   <ellipse cx="10.4" cy="12.5" rx="1.5" ry="1.7" fill="#FFB74D"/>
                                   <ellipse cx="13.3" cy="9.5" rx="1.1" ry="1.3" fill="#FFCA28"/>
                                   """;
}