8-bit Game Over

1import { cn } from "@/lib/utils";
2 
3import { Button } from "@/components/ui/8bit/button";
4import { Card, CardContent } from "@/components/ui/8bit/card";
5 
6export default function GameOver({
7  className,
8  ...props
9}: React.ComponentProps<"div">) {
10  return (
11    <div className={cn("flex flex-col gap-6", className)} {...props}>
12      <Card className="p-5">
13        <CardContent className="grid p-0 md:grid-cols-2">
14          <div className="flex flex-col gap-5 px-5 py-15">
15            <div className="flex flex-col items-center text-center">
16              <h1 className="text-xl font-bold">Game Over</h1>
17              <p className="text-balance text-xs text-muted-foreground">
18                Continue?
19              </p>
20            </div>
21 
22            <Button className="flex items-center">
23              <svg
24                width="50"
25                height="50"
26                viewBox="0 0 256 256"
27                fill="currentColor"
28                xmlns="http://www.w3.org/2000/svg"
29                stroke="currentColor"
30                strokeWidth="0.25"
31                color=""
32                className="size-6"
33                aria-label="repeat"
34              >
35                <rect x="184" y="48" width="14" height="14" rx="1"></rect>
36                <rect x="200" y="64" width="14" height="14" rx="1"></rect>
37                <rect x="184" y="80" width="14" height="14" rx="1"></rect>
38                <rect x="184" y="64" width="14" height="14" rx="1"></rect>
39                <rect x="168" y="32" width="14" height="14" rx="1"></rect>
40                <rect x="168" y="96" width="14" height="14" rx="1"></rect>
41                <rect x="168" y="64" width="14" height="14" rx="1"></rect>
42                <rect x="152" y="64" width="14" height="14" rx="1"></rect>
43                <rect x="136" y="64" width="14" height="14" rx="1"></rect>
44                <rect x="120" y="64" width="14" height="14" rx="1"></rect>
45                <rect x="56" y="112" width="14" height="14" rx="1"></rect>
46                <rect x="56" y="80" width="14" height="14" rx="1"></rect>
47                <rect x="88" y="64" width="14" height="14" rx="1"></rect>
48                <rect x="104" y="64" width="14" height="14" rx="1"></rect>
49                <rect x="56" y="96" width="14" height="14" rx="1"></rect>
50                <rect x="72" y="64" width="14" height="14" rx="1"></rect>
51                <rect x="56" y="176" width="14" height="14" rx="1"></rect>
52// … truncated