// Welcome to DrakoFlow!
// Type below to build sequence/flow interactions.

Client: Process {
  label: "Client App"
  lifeline: true
  themeOverride: {
    borderColor: "primaryColor"
  }
  doc: "## Client Application Documentation

The documentation supports markdown, so you can write easilly-readable documentations directly in the chart
"
}

Server: Process {
  label: "API Server"
  lifeline: true
  themeOverride: {
    borderColor: "primaryColor"
  }
}

Database: Rectangle {
  label: "Database"
  rx: 6
  ry: 6
  themeOverride: {
    borderColor: "secondaryColor"
  }
}

Client -> Server : "1. GET /users" {
  lineStyle: "solid"
  color: "primaryColor"
}

Server -> Database : "2. Query Users" {
  lineStyle: "dashed"
  color: "secondaryColor"
}

Database -> Server : "3. Return records" {
  lineStyle: "dashed"
  color: "secondaryColor"
}

Server -> Client : "4. 200 OK (JSON)" {
  lineStyle: "solid"
  color: "#34d399"
}

Client -> Client : "5. Render UI" {
  lineStyle: "solid"
  color: "#f59e0b"
}