
Two-step recipe stacked vertically with a When trigger row, a downward arrow connector, and a Then action row, each with a brand-colored icon tile and event label.
The import and the props worth knowing about, in one place.
import { Automation1 } from "@/components/beste/piece/automation1";
<Automation1
surface="card"
bordered={false}
inverted={false}
triggerLabel="When"
actionLabel="Then"
trigger={{
"src": "https://oud.pics/sm/l/stripe.jpeg",
"alt": "Stripe",
"event": "Payment received"
}}
action={{
"src": "https://oud.pics/sm/l/slack.svg",
"alt": "Slack",
"event": "Send #revenue alert"
}}
/>