maizzle/src/components/box-button.html
<script props>
module.exports = {
url: props.url,
icon: props.icon,
}
</script>
<table class="w-full px-6 py-4 bg-white dark-mode:bg-black group">
<tr>
<td class="w-[36px]">
<a href="{{{ url }}}">
<img src="{{{ icon }}}">
</a>
</td>
<td>
<a href="{{{ url }}}" class="font-bold text-fuchsia group-hover:text-fuchsia-darker focus:bg-sun-yellow">
<content />
</a>
</td>
</tr>
</table>