// Componentes customizados para API Disparador // Este arquivo define componentes reutilizáveis para a documentação export const InfoCard = ({ title, description, icon, color = "#16a34a" }) => { return `

${icon}

${title}

${description}

`; }; export const FeatureGrid = ({ items, columns = 3 }) => { const gridStyle = `grid-template-columns: repeat(${columns}, 1fr);`; const itemsHtml = items.map(item => `

${item.icon}

${item.title}

${item.description}

`).join(''); return `

${itemsHtml}

`; }; export const StatusBadge = ({ status, type = "status" }) => { const colors = { DRAFT: "#6b7280", SCHEDULED: "#2563eb", RUNNING: "#16a34a", PAUSED: "#ea580c", COMPLETED: "#059669", CANCELLED: "#dc2626" }; const color = colors[status] || "#6b7280"; return ` ${status} `; }; export const CodeBlock = ({ language, code, title }) => { return `

${title ? `

${title}

` : ''}

${code}

`; }; export const AlertBox = ({ type, title, message }) => { const styles = { info: { bg: "#dbeafe", border: "#3b82f6", icon: "ℹ️" }, warning: { bg: "#fef3c7", border: "#f59e0b", icon: "⚠️" }, error: { bg: "#fee2e2", border: "#ef4444", icon: "❌" }, success: { bg: "#dcfce7", border: "#22c55e", icon: "✅" } }; const style = styles[type] || styles.info; return `

${style.icon} ${title}

${message}

`; };

Getting started

Development

Page Not Found