# Architecture Diagram Template
# Variables: {{title}}, {{direction}}, {{components}}, {{connections}}
# Theme: 200 (Terminal theme) by default

# Layout direction
direction: {{direction || 'right'}}

# Title (optional)
{{#title}}
title: {{title}} {
  near: top-center
  shape: text
  style: {
    font-size: 24
    bold: true
  }
}
{{/title}}

# Component definitions
{{#components}}
{{id}}: {{label}} {
  {{#shape}}shape: {{shape}}{{/shape}}
  {{#icon}}icon: {{icon}}{{/icon}}
  {{#style}}
  style: {
    {{#fill}}fill: "{{fill}}"{{/fill}}
    {{#stroke}}stroke: "{{stroke}}"{{/stroke}}
    {{#fontSize}}font-size: {{fontSize}}{{/fontSize}}
  }
  {{/style}}
  {{#children}}
  {{#children}}
  {{id}}: {{label}} {
    {{#shape}}shape: {{shape}}{{/shape}}
  }
  {{/children}}
  {{/children}}
}
{{/components}}

# Connections
{{#connections}}
{{from}} -> {{to}}{{#label}}: {{label}}{{/label}} {
  {{#style}}
  style: {
    {{#stroke}}stroke: "{{stroke}}"{{/stroke}}
    {{#strokeDash}}stroke-dash: {{strokeDash}}{{/strokeDash}}
  }
  {{/style}}
}
{{/connections}}