@startuml
!include <material/counter>

left to right direction
skinparam defaultTextAlignment center

rectangle "<$ma_counter>\nCounter" as block #Orange

interface " " as q1
interface " " as q2
interface " " as q3
interface " " as q4

q1 --> block: input
block --> q2: output
block --> q3: count
q4 --> block: clear
@enduml