using Spry;

/**
 * CodeBlockComponent - A styled code block with syntax highlighting
 * 
 * Displays code with a header showing language and window dots
 */
public class CodeBlockComponent : Component {
    
    public string language { set; get; default = "Vala"; }
    public string code { set; get; default = ""; }
    
    public override string markup { get {
        return """
        <div class="code-block">
            <div class="code-header">
                <div class="code-dots">
                    <div class="code-dot red"></div>
                    <div class="code-dot yellow"></div>
                    <div class="code-dot green"></div>
                </div>
                <span class="code-lang" sid="language"></span>
            </div>
            <pre><code sid="code"></code></pre>
        </div>
        """;
    }}
    
    public override async void prepare() throws Error {
        this["language"].text_content = language;
        this["code"].text_content = code;
    }
}