{#if typeof svgInfo.route === 'string' && svgInfo.wordmark === undefined}
{ if (typeof svgInfo.route === 'string') { downloadSvg(svgInfo.route); return; } }} >
{:else}
Download {svgInfo.title}
This logo has multiple options to download:
{#if typeof svgInfo.route === 'string'}
{ if (typeof svgInfo.route === 'string') { downloadSvg(svgInfo.route); return; } }} >
Icon logo
{:else}
{ if (typeof svgInfo.route !== 'string') { downloadAllVariants({ lightRoute: svgInfo.route.light, darkRoute: svgInfo.route.dark }); } }} >
Light & dark variants
{ if (typeof svgInfo.route !== 'string') { downloadSvg(svgInfo.route.light); return; } }} >
Only light variant
{ if (typeof svgInfo.route !== 'string') { downloadSvg(svgInfo.route.dark); return; } }} >
Only dark variant
{/if} {#if typeof svgInfo.wordmark === 'string' && svgInfo.wordmark !== undefined}
{ if (typeof svgInfo.wordmark === 'string') { downloadSvg(svgInfo.wordmark); return; } }} >
Wordmark logo
{/if} {#if typeof svgInfo.wordmark !== 'string' && svgInfo.wordmark !== undefined}
{ if (typeof svgInfo.wordmark !== 'string') { downloadAllVariants({ lightRoute: svgInfo.wordmark?.light || '', darkRoute: svgInfo.wordmark?.dark || '', isWordmark: true }); return; } }} >
Light & dark variants
{ if (typeof svgInfo.wordmark !== 'string') { downloadSvg(svgInfo.wordmark?.light); return; } }} >
Wordmark light variant
{ if (typeof svgInfo.wordmark !== 'string') { downloadSvg(svgInfo.wordmark?.dark); return; } }} >
Wordmark dark variant
{/if}
{/if}
)