
Single workflow step card with the app logo, the app and event label, and its configured field rows.
The import and the props worth knowing about, in one place.
import { Automation2 } from "@/components/beste/piece/automation2";
<Automation2
surface="card"
bordered={false}
inverted={false}
app="Gmail"
event="Send email"
image="https://oud.pics/sm/l/gmail.jpeg"
alt="Gmail"
fields={[
{
"label": "To",
"value": "{{customer.email}}"
},
{
"label": "Subject",
"value": "Your receipt is ready"
},
{
"label": "Template",
"value": "receipt-v3"
}
]}
/>