{% extends 'base/base.html' %}
{% load cotton %}

{% block title %}Minimal Cotton Test - ThrillWiki{% endblock %}

{% block content %}
<div class="max-w-4xl mx-auto p-8">
    <h1 class="text-3xl font-bold mb-8">Minimal Cotton Test</h1>
    
    <!-- Copy exact working syntax from enhanced_header.html -->
    <div class="space-y-4">
        <h2 class="text-xl font-semibold">Working Cotton Button (from enhanced_header.html):</h2>
        <c-ui.button variant="default" size="sm" text="Search" />
        <c-ui.button variant="outline" size="sm" text="Login" />
    </div>
    
    <div class="mt-8 p-4 bg-green-100 rounded">
        <p>If you see buttons above, Cotton components are working correctly!</p>
    </div>
</div>
{% endblock %}