{#if cardDef.allowSetColor !== false} {#snippet child({ props })} {/snippet} { if (typeof previous === 'string' || typeof color === 'string') { return; } item.color = color.label; }} class="w-64" /> {/if} {#if canSetSize(2, 2)} { setSize(2, 2); }} class="hover:bg-accent-500/10 cursor-pointer rounded-xl p-2" >

set size to 1x1 {/if} {#if canSetSize(4, 2)} { setSize(4, 2); }} class="hover:bg-accent-500/10 cursor-pointer rounded-xl p-2" >

set size to 2x1 {/if} {#if canSetSize(2, 4)} { setSize(2, 4); }} class="hover:bg-accent-500/10 cursor-pointer rounded-xl p-2" >

set size to 1x2 {/if} {#if canSetSize(4, 4)} { setSize(4, 4); }} class="hover:bg-accent-500/10 cursor-pointer rounded-xl p-2" >

set size to 2x2 {/if} {#if cardDef.settingsComponent} {#snippet child({ props })} {/snippet} { settingsPopoverOpen = false; }} /> {/if}