@page "/yaml"
<PageTitle>Yaml</PageTitle>

<div class="min-h-screen bg-zinc-950 text-zinc-200 font-mono p-6">

    <!-- Top Actions -->
    <div class="mb-4 flex justify-between items-center">
        <div class="text-zinc-400 text-sm">
            Raw YAML Configuration
        </div>

        <NavLink href="ansible/inventory"
                 class="text-sm text-emerald-400 hover:text-emerald-300 transition"
                 data-testid="yaml-to-ansible-link">
            → Open Ansible Inventory Generator
        </NavLink>

        <NavLink href="yaml/import"
                 class="text-sm text-emerald-400 hover:text-emerald-300 transition"
                 data-testid="yaml-to-ansible-link">
            → YAML import
        </NavLink>
    </div>

    <YamlFileComponent Path="config/config.yaml">
    </YamlFileComponent>

</div>

@code {

}