{#snippet trigger({ props })} {/snippet} {#snippet content()}
(tab = v as 'solid' | 'gradient')} /> {#if tab === 'solid'}
{#snippet child({ props })} {/snippet} {#each BACKGROUND_SOLID_PRESETS as color (color)} {#snippet child({ props })} {/snippet} {/each}
pickSolid((e.currentTarget as HTMLInputElement).value)} />
{:else}
{#each BACKGROUND_GRADIENT_PRESETS as g, i (i)} {@const css = `linear-gradient(${g.angle}deg, ${g.from}, ${g.to})`} {@const active = value?.type === 'gradient' && value.from === g.from && value.to === g.to && value.angle === g.angle} {#snippet child({ props })} {/snippet} {/each}
patchGradient({ from: (e.currentTarget as HTMLInputElement).value })} />
patchGradient({ to: (e.currentTarget as HTMLInputElement).value })} />
patchGradient({ angle: v })} />
{/if}
{/snippet}