{#if isLoaded && config !== null} {#if historicalData?.length > 0}
{#each ["1Y", "3Y", "5Y", "Max"] as item, index} {#if ["Pro", "Plus"]?.includes(data?.user?.tier) || index === 0}
(timePeriod = item)} class="px-3 py-1 {timePeriod === item ? 'bg-gray-300 dark:bg-white text-muted' : 'text-muted dark:text-white bg-gray-100 dark:bg-table text-opacity-[0.6]'} border border-gray-200 dark:border-gray-700 transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer" > {item}
{:else if !["Pro", "Plus"]?.includes(data?.user?.tier)}
{item}
{/if} {/each}
{:else}
No chart data available for {symbol}
{/if} {:else}
{/if}