// backend/src/admin/dashboard-simple.tsx
// @ts-nocheck
import React from 'react';
import { Box, H2, Text, Badge } from '@adminjs/design-system';

const Dashboard = () => {
  return (
    <Box variant="grey">
      <Box variant="white" p="xl">
        <H2>Welcome to DyoLink Admin Panel</H2>
        <Text>Manage your dental clinics, labs, users, and subscriptions.</Text>
        
        <Box mt="xl" style={{ display: 'flex', gap: '20px' }}>
          <Box p="lg" bg="primary20" style={{ flex: 1 }}>
            <div style={{ fontSize: '1.5rem' }}>🏥 Clinics</div>
            <div style={{ fontSize: '2rem', fontWeight: 'bold' }}>12</div>
          </Box>
          <Box p="lg" bg="secondary20" style={{ flex: 1 }}>
            <div style={{ fontSize: '1.5rem' }}>🔬 Labs</div>
            <div style={{ fontSize: '2rem', fontWeight: 'bold' }}>8</div>
          </Box>
          <Box p="lg" bg="info20" style={{ flex: 1 }}>
            <div style={{ fontSize: '1.5rem' }}>👥 Users</div>
            <div style={{ fontSize: '2rem', fontWeight: 'bold' }}>45</div>
          </Box>
        </Box>
      </Box>
    </Box>
  );
};

export default Dashboard;