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

<svelte:head>
	<title>Configuración General</title>
</svelte:head>

<div class="space-y-6">
	<div>
		<h1 class="text-2xl font-bold tracking-tight flex items-center gap-2">
			<Settings2 class="h-6 w-6" />
			Configuración General
		</h1>
		<p class="text-muted-foreground text-sm mt-1">
			Ajustes globales de la aplicación.
		</p>
	</div>

	<Card.Root>
		<Card.Header>
			<Card.Title>Configuración del sistema</Card.Title>
			<Card.Description>Agrega aquí los ajustes de configuración 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>
