31 lines
1.0 KiB
TypeScript
31 lines
1.0 KiB
TypeScript
import Text from "./lib_components/text";
|
|
|
|
// Empty State Component
|
|
export const EmptyState = () => {
|
|
return (
|
|
<div className="col-span-full flex flex-col items-center justify-center py-20 px-4">
|
|
<div className="w-24 h-24 mb-6 rounded-full bg-[#f2a01c]/10 flex items-center justify-center">
|
|
<svg
|
|
className="w-12 h-12 text-[#f2a01c]"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth={2}
|
|
d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<h3 className="text-2xl font-bold text-[#0c1239] mb-2">
|
|
<Text txt="noData" />
|
|
</h3>
|
|
<p className="text-gray-600 text-center max-w-md">
|
|
<Text txt="noDataDesc" />
|
|
</p>
|
|
</div>
|
|
);
|
|
};
|