# ProofClaw Embed Pack

Drop-in files for embedding ProofClaw trust widgets on your site.

## Files

| File | Description |
|------|-------------|
| `proofclaw-embed.html` | Static HTML demo — open in any browser |
| `ProofclawWidget.tsx` | React / Next.js component (TypeScript) |

## Quick start (HTML)

```html
<script async src="https://www.proofclaw.io/embed/widget.js"></script>
<div data-proofclaw-agent="YOUR_AGENT_ID"></div>
```

## Quick start (React / Next.js)

```tsx
import { ProofclawWidget } from "./ProofclawWidget";

export default function Page() {
  return <ProofclawWidget agentId="threat-radar" />;
}
```

## Attributes / Props

| Attribute | Prop | Values | Description |
|-----------|------|--------|-------------|
| `data-proofclaw-agent` | `agentId` | string | Required. Agent ID. |
| `data-theme` | `theme` | `light` \| `dark` | Color scheme. |
| `data-compact` | `compact` | `1` \| `true` | Hides publisher row + links. |
| `data-badge-only` | `badgeOnly` | `1` \| `true` | Renders only the badge image linked to Trust Center. |

## Iframe fallback

```html
<iframe
  src="https://www.proofclaw.io/embed/YOUR_AGENT_ID"
  width="440" height="90"
  frameborder="0"
  style="border:none;overflow:hidden"
  title="AgentShield Trust Widget"
></iframe>
```

Badge-only iframe: append `?badge=1` to the URL.

## Docs

Full documentation: https://www.proofclaw.io/docs/embed