{
if (isFocused) {
e.preventDefault();
}
}}
class="flex max-w-full rounded-sm border-2 shadow-lg transition-all duration-300
{!isFocused ? 'min-h-13 items-center' : ''}
{isFocused ? 'absolute right-0 bottom-0 left-0 z-50 shadow-2xl' : ''}"
style="background: {isFocused
? `color-mix(in srgb, var(--nucleus-bg) 75%, ${color})`
: `color-mix(in srgb, color-mix(in srgb, var(--nucleus-bg) 85%, ${color}) 70%, transparent)`};
border-color: color-mix(in srgb, {color} {isFocused ? '100' : '40'}%, transparent);"
>
{#if info.length > 0}
{info}
{:else}
{#if isFocused}
{@render composer()}
{:else}
(isFocused = true)}
type="text"
placeholder="what's on your mind?"
class="flex-1"
/>
{/if}
{/if}