website refactor

apps/website/components/admin/AdminEmptyState.tsx

@@ -1,8 +1,6 @@
 'use client';
 
-import { Icon } from '@/ui/Icon';
-import { Stack } from '@/ui/primitives/Stack';
-import { Text } from '@/ui/Text';
+import { EmptyState } from '@/ui/EmptyState';
 import { LucideIcon } from 'lucide-react';
 import React from 'react';
 
@@ -26,23 +24,13 @@ export function AdminEmptyState({
   action
 }: AdminEmptyStateProps) {
   return (
-    <Stack center py={20} gap={4}>
-      <Icon icon={icon} size={12} color="#23272B" />
-      <Stack align="center">
-        <Text size="lg" weight="bold" color="text-white" block textAlign="center">
-          {title}
-        </Text>
-        {description && (
-          <Text size="sm" color="text-gray-500" block mt={1} textAlign="center">
-            {description}
-          </Text>
-        )}
-      </Stack>
-      {action && (
-        <Stack mt={2}>
-          {action}
-        </Stack>
-      )}
-    </Stack>
+    <EmptyState
+      icon={icon}
+      title={title}
+      description={description}
+      variant="minimal"
+    >
+      {action}
+    </EmptyState>
   );
 }