{# @description Bare card surface (background, rounded corners, shadow) for a fully custom interior. #}
{# @prop class:text | description:"Extra classes on the .card element." #}
{# @slot Fully custom interior markup — The card's content. #}
<c-vars class />
<div class="card bg-base-100 shadow-sm {{ class }}" {{ attrs }}>{{ slot }}</div>