{ handle_box_click(component); event.stopPropagation(); }} class=" cursor-pointer px-3 pt-3 h-40 group font:thin relative rounded-xl shadow-sm transform hover:scale-[1.02] hover:shadow-alternate transition bg-gradient-to-tr {component.background_color}" >

{component.name.startsWith("gradio_") ? component.name.slice(7) : component.name}

{#if component.likes}

{component.likes ? component.likes : ""}

{/if}

{component.description}

@{component.author}

{#if component.template && component.template != "Fallback"}

{component.template}

{/if}