Unified diff with added and removed lines tinted green and red.
The import and the props worth knowing about, in one place.
import { Terminal9 } from "@/components/beste/piece/terminal9";
<Terminal9
filename="components/Button.tsx"
lines={[
{
"type": "context",
"text": "function Button({ label }) {"
},
{
"type": "remove",
"text": " return <button>{label}</button>;"
},
{
"type": "add",
"text": " return <button className=\"btn\">{label}</button>;"
},
{
"type": "context",
"text": "}"
}
]}
bordered={false}
/>