Basecoat UI MCP

<div class="card"> <header> <h2>Cookie Settings</h2> <p>Manage your cookie settings here.</p> </header> <section class="text-sm grid gap-6"> <label class="flex items-center justify-between gap-2"> <div class="flex flex-col gap-0.5"> <div class="font-medium">Strictly Necessary</div> <div class="text-muted-foreground">These cookies are essential in order to use the website and use its features.</div> </div> <input type="checkbox" role="switch" class="input" checked=""> </label> <label class="flex items-center justify-between gap-2"> <div class="flex flex-col gap-0.5"> <div class="font-medium">Functional Cookies</div> <div class="text-muted-foreground">These cookies allow the website to provide personalized functionality.</div> </div> <input type="checkbox" role="switch" class="input"> </label> <label class="flex items-center justify-between gap-2"> <div class="flex flex-col gap-0.5"> <div class="font-medium">Performance Cookies</div> <div class="text-muted-foreground">These cookies help to improve the performance of the website.</div> </div> <input type="checkbox" role="switch" class="input"> </label> </section> <footer> <button type="button" class="btn-outline w-full">Save preferences</button> </footer> </div>