extended-07

1<script setup lang="ts">
2import { Button } from "@/registry/default/ui/button";
3import {
4  Empty,
5  EmptyContent,
6  EmptyDescription,
7  EmptyHeader,
8  EmptyTitle,
9} from "@/registry/default/ui/empty";
10import { LucidePlus } from "lucide-vue-next";
11</script>
12 
13<template>
14  <Empty>
15    <EmptyHeader>
16      <svg class="w-48" viewBox="0 0 238 190" fill="none" xmlns="http://www.w3.org/2000/svg">
17        <rect
18          y="61.8035"
19          width="200"
20          height="120"
21          rx="16"
22          transform="rotate(-18 0 61.8035)"
23          fill="#EDEDEF"
24        />
25        <g filter="url(#filter0_d_10_153)">
26          <rect x="34" y="62" width="200" height="120" rx="16" fill="white" />
27        </g>
28        <rect x="51" y="85" width="28" height="20" rx="4" fill="#D4D4D8" />
29        <rect x="51" y="149" width="28" height="10" rx="4" fill="#D4D4D8" />
30        <rect x="97" y="149" width="28" height="10" rx="4" fill="#D4D4D8" />
31        <rect x="143" y="149" width="28" height="10" rx="4" fill="#D4D4D8" />
32        <rect x="189" y="149" width="28" height="10" rx="4" fill="#D4D4D8" />
33        <defs>
34          <filter
35            id="filter0_d_10_153"
36            x="30"
37            y="62"
38            width="208"
39            height="128"
40            filterUnits="userSpaceOnUse"
41            color-interpolation-filters="sRGB"
42          >
43            <feFlood flood-opacity="0" result="BackgroundImageFix" />
44            <feColorMatrix
45              in="SourceAlpha"
46              type="matrix"
47              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
48              result="hardAlpha"
49            />
50            <feOffset dy="4" />
51            <feGaussianBlur stdDeviation="2" />
52            <feComposite in2="hardAlpha" operator="out" />
53            <feColorMatrix
54              type="matrix"
55              values="0 0 0 0 0.262745 0 0 0 0 0.262745 0 0 0 0 0.286275 0 0 0 0.05 0"
56            />
57            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_10_153" />
58            <feBlend
59              mode="normal"
60              in="SourceGraphic"
61              in2="effect1_dropShadow_10_153"
62              result="shape"
63            />
64          </filter>
65        </defs>
66      </svg>
67      <EmptyTitle class="font-semibold">You don't have any cards</EmptyTitle>
68      <EmptyDescription>
69        It looks like there's no data in this page. You can create a new one or refresh the page.
70      </EmptyDescription>
71    </EmptyHeader>
72    <EmptyContent>
73// … truncated