import { Webhook } from 'lucide-react';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';

export function SettingsWebhook() {
    return (
        <Card>
            <CardHeader>
                <CardTitle className="flex items-center gap-2">
                    <Webhook className="h-5 w-5" />
                    Webhooks
                </CardTitle>
                <CardDescription>
                    Configure webhooks to receive notifications about events in your project.
                </CardDescription>
            </CardHeader>
            <CardContent>
                <div className="rounded-lg border border-dashed p-8 text-center text-muted-foreground">
                    <Webhook className="h-10 w-10 mx-auto mb-3 opacity-50" />
                    <p className="font-medium">Coming soon</p>
                    <p className="text-sm mt-1">
                        Webhook configuration is not yet available.
                    </p>
                </div>
            </CardContent>
        </Card>
    );
}
