OutcomePreview.tsx
982 bytes
| 1 | export function OutcomePreview() { |
|---|---|
| 2 | return ( |
| 3 | <figure className="outcome-preview"> |
| 4 | <div className="preview-conversation"> |
| 5 | <span className="preview-label">Example: you say</span> |
| 6 | <blockquote>"Only the owner should be able to delete a project."</blockquote> |
| 7 | <div className="preview-wave" aria-hidden="true"> |
| 8 | {Array.from({ length: 16 }, (_, index) => ( |
| 9 | <span key={index} /> |
| 10 | ))} |
| 11 | </div> |
| 12 | </div> |
| 13 | <div className="preview-connector" aria-hidden="true"> |
| 14 | <span /> |
| 15 | </div> |
| 16 | <div className="preview-requirement"> |
| 17 | <div className="preview-document-header"> |
| 18 | <span>Build brief</span> |
| 19 | <span>SPEC.md</span> |
| 20 | </div> |
| 21 | <p>Only project owners can delete a project.</p> |
| 22 | <span className="source-marker">[S7] from your words</span> |
| 23 | </div> |
| 24 | <figcaption>Every requirement stays linked to what you actually said.</figcaption> |
| 25 | </figure> |
| 26 | ) |
| 27 | } |
| 28 | |