{#if isFocused}

{/if}

{ if (isFocused) { e.preventDefault(); } }} class="flex max-w-full rounded-sm border-2 shadow-lg transition-all duration-300" class:min-h-16={!isFocused} class:items-center={!isFocused} class:shadow-2xl={isFocused} class:absolute={isFocused} class:top-0={isFocused} class:left-0={isFocused} class:right-0={isFocused} class:z-50={isFocused} style="background: {isFocused ? `color-mix(in srgb, var(--nucleus-bg) 80%, ${color} 20%)` : `color-mix(in srgb, ${color} 9%, transparent)`}; border-color: color-mix(in srgb, {color} {isFocused ? '100' : '40'}%, transparent);" >

{#if info.length > 0}

{info}

{:else}

{#if isFocused} {#if replying} {@const parsedUri = expect(parseCanonicalResourceUri(replying.uri))} {/if} {#if quoting} {@const parsedUri = expect(parseCanonicalResourceUri(quoting.uri))} {/if}

{postText.length} / 300

{:else} (isFocused = true)} type="text" placeholder="what's on your mind?" class="single-line-input flex-1 bg-(--nucleus-bg)/40" style="border-color: color-mix(in srgb, {color} 27%, transparent);" /> {/if}

{/if}