import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"

export default function NotFound() {
    return (
        <div className="container mx-auto py-8">
            <div className="max-w-2xl mx-auto">
                <Card>
                    <CardHeader>
                        <CardTitle>URL Not Found</CardTitle>
                        <CardDescription>
                            The short link you&apos;re trying to edit could not be found.
                        </CardDescription>
                    </CardHeader>
                    <CardContent>
                        <div className="space-y-4">
                            <p className="text-sm text-muted-foreground">
                                This could happen if:
                            </p>
                            <ul className="list-disc list-inside text-sm text-muted-foreground space-y-1">
                                <li>The link has been deleted</li>
                                <li>You don&apos;t have permission to edit this link</li>
                                <li>The link ID is invalid</li>
                            </ul>
                            <div className="flex gap-2">
                                <Button asChild>
                                    <Link href="/dashboard/list">
                                        View All Links
                                    </Link>
                                </Button>
                                <Button asChild variant="outline">
                                    <Link href="/dashboard/create">
                                        Create New Link
                                    </Link>
                                </Button>
                            </div>
                        </div>
                    </CardContent>
                </Card>
            </div>
        </div>
    )
}