Logic people can read out loud: trading rules, automations, workflows, alerts. A keyword tab, a sentence, an optional value. Blocks nest; Token marks the parts that change.
jsx
import { Block, Token } from'@andeus/ui';
Automation
When
A file lands in Inbox
If
It is a PDF
Then
Move it to Invoices
Else
Leave it
Until
It is older than 30 days
jsx
<Block keyword="When" tone="ink" summary={<>A file lands in <Token kind="entity">Inbox</Token></>}><Block keyword="If" selected summary={<>It is a <Token>PDF</Token></>}><Block keyword="Then" tone="accent" summary={<>Move it to <Token kind="entity">Invoices</Token></>} /></Block><Block keyword="Else" tone="muted" summary="Leave it"/></Block>
Trading rule
If
SPY is above its 200-day average
Then
Hold QQQ
60%
jsx
<Block
keyword="If"
summary={<><Token kind="entity" color="var(--screen-yellow)">SPY</Token> is above its <Token>200-day</Token> average
</>}
><Block keyword="Then" tone="accent" aside="60%" summary={<>Hold <Token kind="entity">QQQ</Token></>} /></Block>