<script lang="ts">
	import { Users } from 'lucide-svelte';
	import * as Card from '$lib/components/ui/card';
</script>

<div class="space-y-6">
	<div>
		<h1 class="text-2xl font-bold tracking-tight flex items-center gap-2">
			<Users class="h-6 w-6" />
			Usuarios
		</h1>
		<p class="text-muted-foreground text-sm mt-1">Gestión de usuarios y accesos.</p>
	</div>
	<Card.Root>
		<Card.Header>
			<Card.Title>Usuarios del sistema</Card.Title>
			<Card.Description>Implementa aquí la gestión de usuarios de tu proyecto.</Card.Description>
		</Card.Header>
		<Card.Content>
			<p class="text-sm text-muted-foreground">Sección en construcción.</p>
		</Card.Content>
	</Card.Root>
</div>
