25 lines
794 B
TypeScript
25 lines
794 B
TypeScript
|
import { Key } from "lucide-react";
|
||
|
|
|
||
|
|
export function ApiSection() {
|
||
|
|
return (
|
||
|
|
<div className="space-y-6">
|
||
|
|
<div>
|
||
|
|
<h2 className="text-lg font-semibold">API Access</h2>
|
||
|
|
<p className="text-sm text-muted-foreground">
|
||
|
|
Manage API keys for third-party integrations.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="rounded-lg border border-dashed p-8 text-center">
|
||
|
|
<div className="mx-auto mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted">
|
||
|
|
<Key className="h-5 w-5 text-muted-foreground" />
|
||
|
|
</div>
|
||
|
|
<h3 className="text-sm font-medium">Coming Soon</h3>
|
||
|
|
<p className="mt-1 text-sm text-muted-foreground">
|
||
|
|
API access will be available in a future update.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|